创建具有固定标头和可调整大小列的响应式可排序引导表

时间:2014-04-18 22:37:09

标签: javascript jquery twitter-bootstrap-3 datatables

我正在尝试使用Bootstrap 3 w /响应表创建一个带有Fixed Headers(floatThead)和Resizable列(jquery-resizable-columns)的可排序表(dataTables)。到目前为止,我能够让它同时做两件事,但不是三件事。也就是说,可调整大小的列和可排序,或者可以使用固定标题排序等。当我最多使用三个JS时,事情就会停止工作。

我有一个小小的JSFiddle:http://jsfiddle.net/cpJE2/2/

$(function(){
     $("table").resizableColumns();
     $('#example').dataTable({
        "bPaginate": false,
        "bLengthChange": false,
        "bFilter": false,
        "bSort": true,
        "bInfo": false,
        "bAutoWidth": false
        });
     $("table.table").floatThead();
 });

有关可能导致此处冲突的内容或有关解决方法的想法的任何想法?我知道那里有类似的问题,但我相信没有,这是具体的。我基本上需要获得尽可能多的表函数。任何帮助都将非常感激。

0 个答案:

没有答案