DataTable 开发 Excel export with background

最新推荐文章于 2024-05-07 16:45:26 发布

乙火

最新推荐文章于 2024-05-07 16:45:26 发布

阅读量294

点赞数

分类专栏： Javascript 文章标签： javascript 前端

本文链接：https://blog.csdn.net/tianchoy/article/details/128315397

版权

Javascript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

dataTable 导出Excel功能，要求在Excel文件里一行一行有背景颜色，整理了以下三种情况：

1，隔行变色

$(document).ready(function() {

  $('#example').DataTable({
    dom: 'Bfrtip',
    buttons: [{
      extend: 'excelHtml5',
      customize: function ( xlsx ) {
        var sheet = xlsx.xl.worksheets['sheet1.xml'];
        $('row', sheet).each(function(x) {
          if(x %2 == 0){
            if ($('c[r=A'+x+'] t', sheet)) {
              $('row:nth-child('+x+') c', sheet).attr('s', '30');
            }
          }
      });
      }
    }]
  });
});

2，包含单元格某个特定字符串

$(document).ready(function() {

  $('#example').DataTable({
    dom: 'Bfrtip',
    buttons: [{
      extend: 'excelHtml5',
      customize: function ( xlsx ) {
        var sheet = xlsx.xl.worksheets['sheet1.xml'];
 

        $('row', sheet).each(function(x) {
          if ($('c[r=C'+x+'] t', sheet).text().indexOf('Edin') !=-1) {
            $('row:nth-child('+x+') c', sheet).attr('s', '10');
          }
      });
      }
    }]
  });
});

3，特定行变色

$(document).ready(function() {

  $('#example').DataTable({
    dom: 'Bfrtip',
    buttons: [{
      extend: 'excelHtml5',
      customize: function ( xlsx ) {
        var sheet = xlsx.xl.worksheets['sheet1.xml'];
 

        $('row', sheet).each(function(x) {
          if (x ==1 || x==2 || x==3) {
            $('row:nth-child('+x+') c', sheet).attr('s', '10');
          }
          else if(x ==7 || x==8 || x==9){
            $('row:nth-child('+x+') c', sheet).attr('s', '39');
          }
      });
      }
    }]
  });
});