Jquery 使用滚动条调整列大小的DataTables工作不正常
我想开发一个能够通过单击和拖动来调整列大小的表(我已经使用ColReorderWithResize插件完成了这项工作) 但是,当我使用滚动选项并尝试调整标题列的大小时,在调整标题的大小时,表格没有与标题对齐 这是一本书 我想要的是,如果我调整标题列(例如浏览器列)的大小,则正文列应与标题列对齐。当我想使用滚动条时,在ColReorderWithResize中这是正常行为吗 注:我使用的是: 数据表1.9.4 ColReorderWithResize 1.0.7Jquery 使用滚动条调整列大小的DataTables工作不正常,jquery,jquery-plugins,datatables,jquery-datatables,Jquery,Jquery Plugins,Datatables,Jquery Datatables,我想开发一个能够通过单击和拖动来调整列大小的表(我已经使用ColReorderWithResize插件完成了这项工作) 但是,当我使用滚动选项并尝试调整标题列的大小时,在调整标题的大小时,表格没有与标题对齐 这是一本书 我想要的是,如果我调整标题列(例如浏览器列)的大小,则正文列应与标题列对齐。当我想使用滚动条时,在ColReorderWithResize中这是正常行为吗 注:我使用的是: 数据表1.9.4 ColReorderWithResize 1.0.7 var $table = $("#
var $table = $("#demo table");
$table.dataTable({
"sDom": "Rlfrtip",
"sScrollY":($(window).height() - 300) + "px",
"fnDrawCallback": function() {
$(window).unbind('resize').bind('resize', function () {
that.applyTableHeight();
});
},
applyTableHeight:function () {
var sScrollY = ($(window).height() - this.staticHeight) + "px";
$(".dataTables_scrollBody").css("height", sScrollY);
this.calculateTableWidth();
}
});
试试这个。。重新绘制它将影响的数据表 $(“#table_id”).dataTable().fnDraw() 这解决了我的问题,如果你使用datatables和scroll插件
$("#tblname").dataTable({
autoWidth: false,
oLanguage: {"sZeroRecords": ' ', "sEmptyTable": ' ' },
select: true,
scrollY: 500,
scrollX: false,
deferRender: true,
scroller: false,
paging: false,
ordering: false,
info: false
});
$(window).resize(function() {
$("#tblname").dataTable().fnDraw();
});