Jqueryヘッダーカーソルに変更があるとデータサイズ変更の問題が発生する

Question

私のアプリケーションにjquery datatable 1.10を使用しています。私のデータテーブルの定義は次の通りです：

$("#info_table", node).DataTable(
         { 
          "dom" : 'Rflrtip', 
          "rtl" : true, 
          "paging" : true, 
          "pagingType": "full_numbers", 
          "ordering" : true, 
          "searching" : true, 
          "columns" : aoColumns, 
          "fnCreatedRow" : function(nRow, aData, 
            iDataIndex) { 
           $(nRow).attr('id', aData.ID); 
          }, 
          "language": { 
            "emptyTable": "No records to display" 
          } 
         }); 

問題ソートのためにテーブルのカーソルを変更する必要があります。 CSSの後にカーソルを変更することができます。

#info_table th.sorting, #info_table th.sorting_asc, #info_table th.sorting_desc{ 
cursor: pointer !important; 
} 

しかし、カーソルを変更しても、列のサイズを変更することはできません。私のアプリケーションでは、列のサイズ変更オプションが必要です。 cusorの変更が行われたときに誰かが列のサイズを変更する方法を見つける手助けをすることはできますか？

Answer 1

はいデータテーブルには列サイズ変更用のプラグインを使用する必要があります。

<script src='http://www.bacubacu.com/colresizable/js/colResizable-1.5.source.js'></script> 
$('#info_table').DataTable({ 
    customProp: 'Hello World', 
    initComplete: function(settings) { 
      $('#example').colResizable({liveDrag:true}); 
    } 
});