Question

所以我认为在extjs treegrid中格式化边框是基本的，但是经过几个小时的尝试和环顾四周后，我无法找到解决方案。我遇到的问题是我的边框外观和宽度在列和行之间是不一致的（尝试附加屏幕截图但是因为新的网站不能）。我尝试直接在列创建中定义边框：

columns:[{header: 'H6',dataIndex: 'hour6',width: 210, border: 1}]

以及在我设置我的单元格背景颜色的XTemplate中（不认为这会起作用，但我想我会尝试）：

columns: [{header: 'H6',dataIndex: 'hour6',width: 210,              
    tpl: new Ext.XTemplate('{duration1:this.doFormat}', {
        doFormat: fn(v){
            if (v == 1) {return '<span style="background-color: red; width: 100%; border: 1">' + v + '</span>';}
        else {return '<span style="background-color:' + currentcolor + '; width: 100%; border: 1">' + v + '</span>';}
        }
    })
}]

有谁知道如何格式化treegrid边框来解决这个问题？

感谢。

Answer 1

我们最好通过列定义的cls config选项使用css类，或者直接在列元素上操作css样式。网格行之间的边界在.x-treegrid-col类上设置。

// set the border on all rows to red
.x-treegrid-col {
    border-bottom: 1px solid red;
}

我不完全确定您要实现的目标，将屏幕截图上传到http://tinypic.com/并在原始帖子中嵌入链接，这可能有所帮助。

如何格式化ExtJS treegrid边框

1 个答案: