2012-02-22 11 views
6

私はすべてのセルにセルの右側にいくつかのパディングを適用する必要があるslickgridの列を持っています。グリッドの列を初期化するときにcssClassプロパティを使用しますが、これは列の非ヘッダーセルにのみ適用されます。ヘッダーにも使用するCSSクラスを指定するにはどうすればよいのでしょうか。右のパディングも同様に適用できますか?そのパディングがなければ、ヘッダーセルは、その下のセルの残りのセルとわずかに外れます。slickgridの列のヘッダーセルにクラスを適用するにはどうすればいいですか?

答えて

7

これらのスタイルがすべてのセルに適用される場合は、組み込みの.slick-cellおよび.slick-headerrow-column CSSクラスを使用してスタイルを設定できます。しかし、注意しなければならないことの1つは、ルールの特異性が低い場合、スタイルがSlickGridのデフォルトを上書きしない可能性があることです。これがアプリの問題である場合は、ルールの具体性を高めるか、!important - .slick-cell { padding-right:10px !important; }を使用してください。

+0

問題は、すべてのセルまたはすべての列に適用したくないということです.1つの列のヘッダーセルに適用するだけです。私は与えられた列のすべてのセルに対してそれを設定できますが、そのヘッダーセルは設定できません。私はdiv.slick-headerrow-column jqueryで選択したリストのn番目の列を選択し、必要な列ヘッダーを指定するためにCSSを適用することができません。これは、1つのヘッダーセルをスタイリングするための過度のアプローチのようです。 –

+7

ああ、そうだ。その場合、カラム定義 - columnDef.headerCssClassを介してカラムヘッダのCSSクラスを指定することができます。 – Tin

+0

ああ、それは私が探していたものです - ありがとう! –

関連する問題