0
私のアプリケーションには多くのグリッドがあります。いくつかの列は数値の列です。 すべての数値列に特定のCSSスタイル(方向:ltr)を適用し、それぞれを指定する必要はありません。すべての数値列にスタイルを適用する方法はありますか?剣道グリッド - 数字の列のみにCSSスタイルを適用します。
ありがとうございます!
私のアプリケーションには多くのグリッドがあります。いくつかの列は数値の列です。 すべての数値列に特定のCSSスタイル(方向:ltr)を適用し、それぞれを指定する必要はありません。すべての数値列にスタイルを適用する方法はありますか?剣道グリッド - 数字の列のみにCSSスタイルを適用します。
ありがとうございます!
剣道グリッドには、グリッドがセルのレンダリングを終了すると起動されるdataBoundイベントがあります。このイベントから、グリッドのview
とcolumn
にループし、各セルCSSを個別に設定できます。
この型は、modelの一部であり、列自体ではありません。
$.each(kendoGrid.columns, function (index, column) {
//Get the type from the model
var type = kendoGrid.dataSource.options.schema.model.fields[column.field].type;
var jqTd;
//Extra logic to handle locked columns
//nth-child is 1-base
if (columnScan.locked) {
lockCount++;
jqTd = kendoGrid.lockedContent.find("tbody>tr>td:nth-child({0})".formatWith(index + 1));
} else {
jqTd = kendoGrid.tbody.find(">tr>td:nth-child({0})".formatWith(index + 1 - lockCount));
}
if (type == "number") {
jqTd.css("background-color", "red");
}
});