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

【问题标题】：How to hide extjs grid column separator?如何隐藏 extjs 网格列分隔符？
【发布时间】：2014-03-10 12:01:06
【问题描述】：

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

有什么办法吗？

【问题讨论】：

【解决方案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 演示示例

【讨论】：

这只是在拉伸不是我的问题的列。我想隐藏最后一个分隔符，而不是拉伸最后一列以覆盖剩余区域。
@Sofiane 让我看看我是否明白，你想隐藏调整列大小的能力吗？还是您要删除最后一列的可见线？
我想删除最后一列标题中的可见行。这可能吗？
@Sofiane 是的，我补充一下答案，让我知道它是否适合你。
@Sofiane 抱歉耽搁了，堆栈暂时处于只读状态