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> 

とJavaScriptで

$(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'); 

を以下に示します。

これらのいずれも機能していないようです。私はここで間違っていますか？ちなみに、私はまだソート機能を有効にしたがっています。

Answer 1

あなたはthないthead

試しターゲットにする必要があります：私もそれを実行しようとしました

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