刪除SlickGrid中的水平單元格邊框？

我試圖刪除SlickGrid中的水平單元格邊框。我想這樣的：刪除SlickGrid中的水平單元格邊框？

var columns = [ 
    {id="col0", name:"Column 0", field:"imgUrl", cssClass:"cell-image"}, 
    {id="col1", name:"Column 1", field:"col1", cssClass:"cell-text"}, 
    {id="col2", name:"Column 2", field:"col2", cssClass:"cell-text"} 
];

在我的CSS：

.cell-text { 
    vertical-align: middle; 
    border-top: none; 
}

這樣做的副作用是，我cell-text細胞比我cell-image細胞高1px的，使得電網看起來參差不齊。 有沒有辦法從細胞中移除邊框？我願意創建一個格式化程序，如果這是最好的方法。

來源

2012-02-15 John Leehey

爲什麼.cell-text或.cell-image？如果你想從所有單元格中移除水平線，你不應該在.slick-cell中設置它嗎？ – Tin 2012-02-15 21:07:24

問題是我有多個光滑的網格。如果我編輯slick-cell，它會影響其他網格，我不一定需要。有沒有辦法只覆蓋我想要的網格的.slick-cell？ – 2012-02-15 21:21:22

只是你的老基本的CSS。在其中一個容器上設置標記類指定後代規則：「.no-lines-grid .slick-cell {...}」。 – Tin 2012-02-15 21:40:36

在其中一個容器上設置標記類並指定後代規則：「.no-lines-grid .slick-cell { ... }」。

來源

2012-02-16 19:57:27 Tin

刪除SlickGrid中的水平單元格邊框？

回答

相關問題