如何解决制表符根据屏幕分辨率设置列布局
我正在尝试最新的tabulator,并且需要帮助。 有人可以显示正确的方法如何将制表符布局从“ fitData”更改为“ fitColumns” 根据屏幕宽度? 我要做的就是屏幕宽度检测:
$(document).ready(function(){
$( window ).resize(function() {
var width = $( window ).width();
if(width > 800) {
console.log("size > 800");
userTable.options.layout = "fitColumns";
userTable.redraw(true);
}
if(width < 800) {
console.log("size < 800");
userTable.options.layout = "fitData";
userTable.redraw(true);
}
}); });
但是此代码不起作用! 有人可以帮忙吗? 非常感谢!
解决方法
一旦表格已加载,您将无法更改布局选项,您必须销毁该表格并重新加载
最好的选择是在首次创建表时执行此操作:
var table = new Tabulator("#example-table",{
layout:window.innerWidth > 800 ? "fitColumns" : "fitData",columns:[],});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。