Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 创建具有固定标题和可调整大小列的响应性、可排序的引导表_Javascript_Jquery_Twitter Bootstrap 3_Datatables - Fatal编程技术网

Javascript 创建具有固定标题和可调整大小列的响应性、可排序的引导表

Javascript 创建具有固定标题和可调整大小列的响应性、可排序的引导表,javascript,jquery,twitter-bootstrap-3,datatables,Javascript,Jquery,Twitter Bootstrap 3,Datatables,我正在尝试使用bootstrap3w/responsive表创建一个包含固定标题(floatThead)和可调整大小列(jquery可调整大小列)的可排序表(dataTables)。到目前为止,我能够让它同时做两件事,但不是三件。也就是说,要么是可调整大小的列和可排序的,要么是带有固定标题的可排序的,等等。当我看到三个JS时,事情就停止了 我这里有一个小问题: 有没有想过是什么导致了这里的冲突,或者有没有想过解决方法?我知道也有类似的问题,但我相信,没有一个是如此具体。我基本上需要得到尽可能多的

我正在尝试使用bootstrap3w/responsive表创建一个包含固定标题(floatThead)和可调整大小列(jquery可调整大小列)的可排序表(dataTables)。到目前为止,我能够让它同时做两件事,但不是三件。也就是说,要么是可调整大小的列和可排序的,要么是带有固定标题的可排序的,等等。当我看到三个JS时,事情就停止了

我这里有一个小问题:

有没有想过是什么导致了这里的冲突,或者有没有想过解决方法?我知道也有类似的问题,但我相信,没有一个是如此具体。我基本上需要得到尽可能多的表函数。任何帮助都将不胜感激

解决方案

使用带有引导样式、FixedHeader和Responsive extensions的jQuery DataTables 1.10.9以及Non-Official,您可以使用以下代码创建带有引导样式、fixed Header和Responsible列的可响应、可排序表:

var table = $('#example').DataTable({
   dom:
      "<'row'<'col-sm-6'l><'col-sm-6'f>>" +
      "<'row'<'col-sm-12'Ztr>>" +
      "<'row'<'col-sm-5'i><'col-sm-7'p>>",
   fixedHeader: true,
   responsive: true
});
var table=$('#示例').DataTable({
dom:
"" +
"" +
"",
fixedHeader:true,
回答:对
});
请注意,它不完全支持FixedHeader,请参阅

演示

有关代码和演示,请参阅

var table = $('#example').DataTable({
   dom:
      "<'row'<'col-sm-6'l><'col-sm-6'f>>" +
      "<'row'<'col-sm-12'Ztr>>" +
      "<'row'<'col-sm-5'i><'col-sm-7'p>>",
   fixedHeader: true,
   responsive: true
});