是否可以改变网格的可锁定分隔层厚度？

Question

在extjs网格组件中，我可以指定使用属性

锁定哪些列

locked: true

这导致以下布局，其中（在我的示例中）两列被锁定：

locked1 locked2 | field1 field2 ...

我想要“|”隔板有更大的厚度，因为现在，我发现更难注意到。 会不可能？

Answer 1

尝试以下css：

.x-grid-locked .x-grid-inner-locked {
    border-width: 0 10px 0 0;
    border-style: solid;
}

Answer 2

修改主题而不是添加自定义CSS，here is the CSS var（对于ExtJs 4.2.2）

您可以在文件ext/packages/ext-theme-neutral/sass/var/grid/locking/Lockable.scss中找到它。

/**
 * @class Ext.grid.locking.Lockable
 */

/**
 * @var {number}
 * The width of the border between the locked views
 */
$grid-lockable-separator-border-width: 1px !default;

/**
 * @var {string}
 * The border-style of the border between the locked views
 */
$grid-lockable-separator-border-style: solid !default;

查看文档中的Theming以创建自定义主题并在其中添加此更改。