Jquery Datatable调整大小问题当标题光标发生变化时

我正在为我的应用程序使用jQuery数据表1.10。我的数据表定义如下：Jquery Datatable调整大小问题当标题光标发生变化时

$("#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" 
          } 
         });

问题是我需要更改tableadad游标进行排序。下面的CSS允许我改变光标。

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

但是，当我改变光标，它不允许我重新调整列的大小。在我的应用程序中提供列大小调整选项是必需的。任何人都可以帮助我找到方法来重新调整列大小时，更改cusor。

来源

2016-04-15 Priyanka Mokashi

你能提供jsfiddle吗？ – abpatil

看看这[jsFiddle]（https://jsfiddle.net/ashishbpatil1/yt3sxx4a/1/） – abpatil

是的，你需要使用resize列插件的数据表。

<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}); 
    } 
});

来源

2016-04-15 06:47:15

，但我们可以调整数据表甚至没有使用任何外部js ..对吧？我的意思是我可以调整它的大小，当我没有改变表格的光标。 –

是的，但您需要手动处理列大小调整事件@PriyankaMokashi –

Jquery Datatable调整大小问题当标题光标发生变化时

回答

相关问题