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

Question

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

我需要無限制地顯示文本，就像是白頁一樣。

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

Answer 1

根據您的小提琴示例，最好通過覆蓋CSS來完成樣式工作。

使用cls: 'remove-border'將一個配置添加到網格面板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'
    }
}