Question

我的应用程序中有很多网格。一些列是数字列。我想为所有数字列应用特定的css样式（方向：ltr），而不为每个列指定。他们是一种在所有数字列上应用样式的方法吗？

非常感谢！

Answer 1

Kendo网格有一个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");
    }

});

Kendo Grid-仅为数字列应用CSS样式

1 个答案: