Javascript 制表器根据屏幕分辨率设置列布局

Javascript 制表器根据屏幕分辨率设置列布局,javascript,tabulator,Javascript,Tabulator,我正在尝试最新版本,需要帮助。 有人能告诉我们如何将制表器布局从“fitData”更改为“fitColumns”吗 根据屏幕宽度? 我所做的只是屏幕宽度检测: $(document).ready(function(){ $( window ).resize(function() { var width = $( window ).width(); if(width > 800) { console.log("size > 80

我正在尝试最新版本,需要帮助。 有人能告诉我们如何将制表器布局从“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);
      }
  }); });
$(文档).ready(函数(){
$(窗口)。调整大小(函数(){
变量宽度=$(窗口).width();
如果(宽度>800){
控制台日志(“大小>800”);
userTable.options.layout=“fitColumns”;
userTable.redraw(true);
}
如果(宽度<800){
控制台日志(“大小<800”);
userTable.options.layout=“fitData”;
userTable.redraw(true);
}
}); });
但是这个代码不起作用! 有人能帮忙吗?
多谢各位

加载表格后,无法更改布局选项,必须销毁表格并重新加载

最好的选择是在首次创建表时执行此操作:

var table=新制表器(“示例表”{
布局:window.innerWidth>800?“fitColumns”:“fitData”,
列:[],
});

不客气。还可以查看响应模块选项。它重新配置了表格,以便更好地适应移动设备