Slickgrid 行删除线答案

【问题标题】：Slickgrid row strikethroughSlickgrid 行删除线
【发布时间】：2017-03-25 18:49:42
【问题描述】：

在 Slickgrid 中如何为一行应用删除线？

我尝试使用“文本装饰”样式，但样式不适用。我试过下面的代码将样式应用于行

data.getItemMetadata = function (row) {

    if (this[row].title == 'Task 5'){
        return {
            cssClasses: 'highlight'

        };
    }
    return null;
}

CSS

.highlight {
    text-decoration: line-through;
}

【问题讨论】：

标签： jquery slickgrid

【解决方案1】：

有几点：

1) 从您引用数据的方式来看，您将 JSON 对象直接用作数据。你可以这样做，但如果你想使用行元数据就不行。

2) 要访问getItemMetadata，您需要按照example-4-model 使用dataView，并添加：

dataView.getItemMetadata = function (row) {
  var v = this.getItem(row);
  if (v.title == 'Task 5'){
    return {
        cssClasses: 'highlight'

    };
  }
  return null;
}

3) 即使这样（我测试了上面的代码，它确实添加了类）行上的类不会在列数据中添加删除线。这将：

.highlight > .slick-cell {
  text-decoration: line-through;
}

您可以使用其他 css 技巧来获得所需的内容，或者作为最后的手段，您可以添加列 MetaData 属性而不是行。

最后，查看my slickgrid repo，它是当前最新的分支，在没有自定义的情况下继承了 MLeibman 分支（只是错误修复和小改进）。修复了许多错误，并已使用 jQuery 1.8+、2.x 和 3.x 进行了全面测试。

【讨论】：