Javascript 制表器根据屏幕分辨率设置列布局
我正在尝试最新版本,需要帮助。 有人能告诉我们如何将制表器布局从“fitData”更改为“fitColumns”吗 根据屏幕宽度? 我所做的只是屏幕宽度检测:Javascript 制表器根据屏幕分辨率设置列布局,javascript,tabulator,Javascript,Tabulator,我正在尝试最新版本,需要帮助。 有人能告诉我们如何将制表器布局从“fitData”更改为“fitColumns”吗 根据屏幕宽度? 我所做的只是屏幕宽度检测: $(document).ready(function(){ $( window ).resize(function() { var width = $( window ).width(); if(width > 800) { console.log("size > 80
$(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”,
列:[],
});
不客气。还可以查看响应模块选项。它重新配置了表格,以便更好地适应移动设备