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

Question

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

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

小提琴： https://fiddle.sencha.com/#fiddle/1boq

Answer 1

根据你的小提琴例子，最好通过覆盖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'
    }
}