css - 删除 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 { ... }”。