当前位置: 代码迷 >> JavaScript >> 点燃 UI 网格着色
  详细解决方案

点燃 UI 网格着色

热度:72   发布时间:2023-06-05 11:46:55.0

我正在创建一个与 JSON 绑定的 Ignite UI 网格图表。 我的专栏之一与十进制数有关。 如果数字小于 20,则数字必须为蓝色。我将如何编写 JavaScript 函数来检查十进制数是否小于 20 并将其着色为蓝色?

下面的代码用于其中一列。 每个值都位于单独的 json 文件中。

    function createCboxSelectorsGrid() {
        $("#grid").igGrid({
            width: "100%",
            autoGenerateColumns: false,
            dataSource: data,
            responseDataKey: "results",
            dataSourceType: "json",
            columns: [
                { headerText: "2013", key: "2013", dataType: "number", width: "60px" }
        ]
}
$('.ui-iggrid .ui-iggrid-tablebody td').each(function() {
        if($(this).text() > 20) {
            $(this).css('color', 'black');
        }
        else if($(this).text() < 20) {
            $(this).css('color', 'blue');
        }
});
  相关解决方案