jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 如何使用datatables.js应用条件格式?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个使用datatables.js的html表,并且无法找到如何应用条件格式的明确示例.

当值== 0且第5列中的值为!= 0时,如何更改第4列中单元格的文本颜色

<script>
      $(document).ready(function () {
        $("#GeneratedData").dataTable({
          "sDom": 'T<"clear">lrtip',"oTableTools": {
            "sSwfPath": "http://localhost:5637/Content/swf/copy_csv_xls_pdf.swf"
          },"sPaginationType": "full_numbers"
        });
      })
</script>

解决方法

更新.最初的答案是针对dataTables 1.9.x.它仍然有效,并且也适用于dataTables 1.10.x(到目前为止),但这里是纯dataTables 1.10.x版本:
var table = $('#example').DataTable({
  rowCallBACk: function(row,data,indeX) {
    if (data[3]=='0' && data[4]!='0') {
      $(row).find('td:eq(3)').addClass('color')
    }   
  }
})

演示 – > http://jsfiddle.net/2chjxduy/

您应该使用fnRowCallback事件.来自文档:

所以在你的情况下,这样做:

$("#GeneratedData").dataTable({
   //your setTings as above here
   fnRowCallBACk: function(nRow,aData,iDisplayIndex,iDisplayIndexFull) {
       if ($(nRow).find('td:eq(3)').text()=='0' &&
           $(nRow).find('td:eq(4)').text()!='0') {
              $(nRow).find('td:eq(3)').addClass('color');
           }   
    }
});

color是预定义的CSS类.在这个jsfiddle中看到它的实际作用 – > http://jsfiddle.net/GfNeA/

大佬总结

以上是大佬教程为你收集整理的jquery – 如何使用datatables.js应用条件格式?全部内容,希望文章能够帮你解决jquery – 如何使用datatables.js应用条件格式?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。