修改datatables列表中单元格式的内容及样式

标签：

datatables是一个非常强大的列表控件，能给开发人员省去很多页面的开发，好了，我们直接入题，修改datatables单元格中的内容及样式，很简单看代码

修改样式

var table = $(‘#table_id‘).DataTable({
                ......
                "createdRow": function ( row, data, index ) {
                    if ( data[‘opNum‘] > 1000 ) {//操作次数大于1000的变红显示
                        $(‘td‘, row).eq(1).css(‘font-weight‘,"bold").css("color","red");
                    }
                },
                ......
});

这样做的话，满足条件的第一列(datatables的列下标是从0开始的)单元格的内容就变成红色的了

修改内容

var table = $(‘#table_id‘).DataTable({
                ......
                "createdRow": function ( row, data, index ) {
                    if ( data[‘productName‘] ==‘iphone6 plus‘ ) {
                        $(‘td‘, row).eq(2).html(‘-‘);
                    }
                },
                ......
});

如果产品为6p，那么就把单元格重置为-，没有货啦，呵呵

好了，就这么简单，去试试

修改datatables列表中单元格式的内容及样式

标签：

原文地址：http://my.oschina.net/sucre/blog/496706