在SlickGrid中删除水平单元格边框？

Question

我正在尝试删除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，导致网格看起来呈锯齿状。 有没有办法从单元格中删除边框？我愿意创建一个格式化程序来执行此操作，如果这是最好的方法。

Answer 1

在其中一个容器上设置标记类并指定一个后代规则：“.no-lines-grid .slick-cell { ... }”。