数据表 - td附加属性

时间:2017-05-07 10:34:23

标签: javascript jquery datatables

这是我第一次使用数据表,而且我已经习惯了它。

我找到了一种传递附加属性或修改从服务器检索的源数据的便捷方法(我使用服务器和客户端渲染中的json播种)。

代码:

    "columnDefs": [{
    "targets": "_all",
    "createdCell": function (td, cellData, rowData, rowIndex, colIndex) {



        //code column
        if (colIndex == 0) {
            cellData = '<input value="' + cellData + '">';
            $(td).html(cellData);

        }

       //expire column
        if (colIndex == 3) {
            $(td).html('4');
        }

          // colouring all columns with index less than 3 as red
        if (colIndex < 3) {
            $(td).css('color', 'red')
        }
    }
}]

我闻起来有点脏,因为我使用索引来区分数据。

以后我是否需要还清这些代码?会有什么后果吗?

是否有适当且同时舒适的方法来达到同样的目标?

我也注意到#34; createdRow&#34;属性并将使用它与使用createdCell

的方式相同

1 个答案:

答案 0 :(得分:1)

阅读源代码后,我发现了这个:

                        columns: [

                            {
                                title: "Код",
                                data: "codeSupplier",

                                className: 'codeSupplier',
                                orderable: false,
                                searchable: false,

                                render: function(data){
                                    return '5' + data;
                                }

                            },

看起来更加狡猾

因此应该使用函数渲染