JQuery Datatables.net thead排序圖像刪除

Question

我正在使用DataTables 1.10.12。我使用MVC框架實現了它。我的問題是，如果我沒有排列圖像，我可以在同一頁面上放置25列。要刪除他們，我已經試過如下：

<table id="datatable-buttons-por" class="table table-striped table-bordered"> 
       <thead style="font-size:smaller; background:none"> 
        <tr> 

而繼

$(document).ready(function() { 
      var handleDataTableButtons = function() { 
       if ($("#datatable-buttons-por").length) { 
        $("#datatable-buttons-por").DataTable({ 
         dom: "Bfrtip", 
         buttons: [ 
          { 
           extend: "copy", 
           className: "btn-sm" 
          }, 
          { 
           extend: "csv", 
           className: "btn-sm" 
          }, 
          { 
           extend: "excel", 
           className: "btn-sm" 
          }, 
          { 
           extend: "pdfHtml5", 
           className: "btn-sm" 
          }, 
          { 
           extend: "print", 
           className: "btn-sm" 
          }, 
         ], 
         responsive: true 
        }); 
       } 
      }; 

      TableManageButtons = function() { 
       "use strict"; 
       return { 
        init: function() { 
         handleDataTableButtons(); 
        } 
       }; 
      }(); 

      var $datatable = $('#datatable-checkbox'); 

      $datatable.dataTable({ 
       'order': [[1, 'asc']], 
       'columnDefs': [ 
        { orderable: false, targets: [0] } 
       ] 
      }); 
$datatable.on('draw.dt', function() { 
       $('input').iCheck({ 
        checkboxClass: 'icheckbox_flat-green' 
       }); 
      }); 
      TableManageButtons.init(); 
      //$('#datatable-buttons-por thead').css('background-image', 'none'); 

      var table = $('#datatable-buttons-por').DataTable(); 
         table.columns().every(function() { 
         var column = this; 
         var select = $('<select><option value=""></option></select>') 
          .appendTo($(column.footer()).empty()) 
          .on('change', function() { 
           var val = $.fn.dataTable.util.escapeRegex(
            $(this).val() 
           ); 

           column 
            .search(val ? '^' + val + '$' : '', true, false) 
            .draw(); 
          }); 

         column.data().unique().sort().each(function (d, j) { 
          select.append('<option value="' + d + '">' + d + '</option>') 
         }); 
        }); 
     }); 
     $('#datatable-buttons-por thead th').css('background-image', 'none'); 

在Javascript

。

似乎沒有這些工作。我在這裏做錯了什麼？順便說一句，我仍然想保持我的排序功能啓用。

Answer 1

您需要針對th不是thead

嘗試：

$('#datatable-buttons-por thead th.sorting').css('background-image', 'none');