如何根據 Jquery 數據表中的條件隱藏列？

Question

我被困在 JQuery DataTables 基於條件的隱藏列中，我有基於選中值的單選按鈕列表我需要在數據表中顯示特定列我怎么能做到這一點？ 我像下面一樣隱藏列但是當我點擊 excel 按鈕時，所有隱藏的列都顯示在 excel 中，沒有任何數據

if ($scope.searchAtDefaultVal == 'Voucher') {
   //hide coloumn for voucher
   $scope.voucherSearchTable.column(8).visible(false);
   $scope.voucherSearchTable.column(9).visible(false);
   $scope.voucherSearchTable.column(10).visible(false);
   $scope.voucherSearchTable.column(11).visible(true);

   }
   else {
     $scope.voucherSearchTable.column(8).visible(true);
     $scope.voucherSearchTable.column(9).visible(true);
     $scope.voucherSearchTable.column(10).visible(true);
     $scope.voucherSearchTable.column(11).visible(false);

   }

上面的代碼我工作但問題是當我點擊 excel 按鈕隱藏列也顯示在 excel 表中沒有數據。

Answer 1

初始化表格時，您可以指定將導出哪些數據的選擇器：

buttons: [
           {
             extend: 'excelHtml5',
             exportOptions: { 
                columns: ':visible' // <-- using datatables selector
            }
        }
    ]

這樣只會導出表格的可見部分，更多信息請查看https://datatables.net/extensions/buttons/examples/html5/columns.html