Javascript 创建具有固定标题和可调整大小列的响应性、可排序的引导表
我正在尝试使用bootstrap3w/responsive表创建一个包含固定标题(floatThead)和可调整大小列(jquery可调整大小列)的可排序表(dataTables)。到目前为止,我能够让它同时做两件事,但不是三件。也就是说,要么是可调整大小的列和可排序的,要么是带有固定标题的可排序的,等等。当我看到三个JS时,事情就停止了 我这里有一个小问题: 有没有想过是什么导致了这里的冲突,或者有没有想过解决方法?我知道也有类似的问题,但我相信,没有一个是如此具体。我基本上需要得到尽可能多的表函数。任何帮助都将不胜感激 解决方案 使用带有引导样式、FixedHeader和Responsive extensions的jQuery DataTables 1.10.9以及Non-Official,您可以使用以下代码创建带有引导样式、fixed Header和Responsible列的可响应、可排序表:Javascript 创建具有固定标题和可调整大小列的响应性、可排序的引导表,javascript,jquery,twitter-bootstrap-3,datatables,Javascript,Jquery,Twitter Bootstrap 3,Datatables,我正在尝试使用bootstrap3w/responsive表创建一个包含固定标题(floatThead)和可调整大小列(jquery可调整大小列)的可排序表(dataTables)。到目前为止,我能够让它同时做两件事,但不是三件。也就是说,要么是可调整大小的列和可排序的,要么是带有固定标题的可排序的,等等。当我看到三个JS时,事情就停止了 我这里有一个小问题: 有没有想过是什么导致了这里的冲突,或者有没有想过解决方法?我知道也有类似的问题,但我相信,没有一个是如此具体。我基本上需要得到尽可能多的
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
});