スリックグリッド行のストライクスルー

Question

スリックグリッドで行に取り消し線を適用する方法は？

私は 'text-decoration'スタイルを使ってみましたが、スタイルは適用されませんでした。それはあなたが「データを参照している道から見えます）

1：私は

data.getItemMetadata = function (row) { 

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

     }; 
    } 
    return null; 
} 

CSS

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

Answer 1

物事のカップルを行にスタイルを適用するためのコードの下にしようとしていますJSONオブジェクトをデータとして直接使用します。行メタデータを使用したい場合はできません。その後も

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

    }; 
    } 
    return null; 
} 

3）（と私は上記のコードをテストし、それがクラスを追加しています）：あなたはexample-4-modelごとにデータビューを使用して、追加する必要がありgetItemMetadataへのアクセス権を持っている

2）行のクラスは列データに取り消し線を追加しません。 この意志：

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

あなたが望む結果を得るために他のCSSのトリックを使用することができたり、最後の手段として、あなたではなく、行よりも列のメタデータプロパティを追加することができます。

最後に、my slickgrid repoをチェックしてください。最新のフォークは、MLeibmanブランチをカスタマイズしていない状態で運んでいます（バグフィックスとマイナーな機能強化のみ）。多くのバグが修正されており、jQuery 1.8+、2.x、3.xで完全にテストされています。