如何刪除網格行的邊界底線？

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' 
    } 
}