1

我有一个数据表

<table data-bind="dataTable: { 
        data: items, 
        options: {
            bPaginate: false,
            aaSorting: [[0, 'desc']],
            aoColumns: [ 
                { sClass: 'date', mDataProp: 'date' }, 
                { mDataProp: 'time' }, 
                { sClass: 'name', mDataProp: 'name' }, 
                { sClass: 'thought', mDataProp: 'thought' } 
            ] 
        } 
    }">

我没有显示的项目中还有另一个值（思想类型）。我想根据“思想类型”的值更改单元格“思想”的类别。

因此，如果想法类型是新想法，我希望显示“想法”值的单元格为黄色。

数据表可以做到这一点吗？

4

3 回答 3

1

添加功能

"fnRender": function(obj) {
                    var sReturn = obj.aData[ obj.iDataColumn ];
                    if ( sReturn == "is wat you needed" ) {
                        sReturn = "add style to your element";
                    }
                    return sReturn;
                }

浏览下面链接中显示的示例

http://datatables.net/examples/data_sources/js_array.html

您可以看到 A 字母与其他字母相比是粗体的。希望这可以解决您的问题

于 2013-09-10T11:45:35.817 回答
1

此解决方案有助于解决我的问题，可能会对您有所帮助。有关更多信息，请查看此链接：columns.createdCell

使用createdCell在 columnDefs 选项中操作 DOM。
例如，

"columnDefs": [ 
{
   "targets": [1] // first CELL That will be checked,
   "createdCell": function (td, cellData, rowData, row, col) {
             if (cellData < 1) {
                 $(td).addClass('someClass');
              }
    }
 },{
   "targets": [2] //second CELL That will be checked,
   "createdCell": function (td, cellData, rowData, row, col) {
             if (cellData < 1) {
                 $(td).addClass('someClass');
              }
    }
 }  ],
于 2018-11-08T11:50:30.013 回答
0

在fnRowCallbackAPI 中查看。对于任何给定的行，这可以在绘制后立即响应该行，并根据该行的数据根据​​需要调整该行。例如，这样的事情可能会起作用：

'fnRowCallback' : function(row, data) {
    if (data[0] === 'someValue') {
        $('td:eq(0)', row).addClass('someClass');
    }
}
于 2013-09-10T11:45:47.797 回答