删除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中的水平单元格边框？

回答

相关问题