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

Question

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

我需要显示的文本没有任何限制，就好像它是一个白页。

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

Answer 1

根据您的小提琴例子，最好是通过覆盖CSS做样式的事情。

将一个配置添加到网格面板cls: 'remove-border'。你可以在这里使用任何名字。

然后里面的CSS（这里我创建内部根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' 
    } 
}