如何删除网格行的边框底线？

Question

如何去除网格行的边框底线？

我需要无限制地显示文本，就像它是一个白页一样。

Fiddle: https://fiddle.sencha.com/#fiddle/1boq

Answer 1

根据您的 fiddle 示例，最好通过覆盖 CSS 来实现样式。

使用 cls: 'remove-border' 将一个配置添加到网格面板中。您可以在此处使用任何名称。

然后在 CSS 中（我在 root 中创建了一个 test.css）使用以下内容覆盖：

.remove-border .x-grid-with-row-lines .x-grid-item {
    border-color: transparent;
}

通过这种方式，您可以在 CSS 中进行任何样式更改。这是修改后的示例：https://fiddle.sencha.com/#fiddle/1bou

Answer 2

您可以使用 viewConfig 删除底部边框：

viewConfig: {
    border : '0 0 1 0',
    style : {
        borderColor : 'transparent'
    }
}