如何隐藏extjs网格列分隔符？

Question

我想隐藏extjs网格的最后一列分隔符。

有什么办法吗？

Answer 1

您可以将flex:1添加到网格中的最后一列，然后将拉伸网格中剩余的剩余距离。

这是一个简单的例子：

Ext.define('App.view.exampleGrid', {
    extend: 'Ext.grid.Panel',
    xtype: 'exampleGrid',
    store: myStore,
    columns: [
            { header: 'field 1', dataIndex: 'field1' },
            { header: 'field 2', dataIndex: 'field2' ,flex:1},
    ]
});

修改1：

要删除该行，您可以覆盖样式border-width，创建自定义css文件并添加以下内容（确保在index.html中包含此样式表）：

.RemoveLine
{
    border-width:0px !important;
}

然后，设置最后一列的cls属性：

columns: [{
        header: 'Column With Out Override',
        dataIndex: 'Column1'
    },  {
        header: 'Column With Override',
        dataIndex: 'Column2',
        cls:'RemoveLine'
    }]

以下是fiddle演示示例