Tabulators mainpage示例可以在移动设备上正常运行。 尝试在Android手机上编辑列时,键盘会显示出来,然后几乎立即消失,而未选中该框。
使用Tabulator版本4.2.1
我已经复制了没有运气的源代码,将不胜感激。
我正在使用XAMMP堆栈在本地托管网站 结合使用Android 9和网络浏览器chrome版本72.0.3626.105
var table = new Tabulator("#example-table", {
layout:"fitColumns", //fit columns to width of table
responsiveLayout:"hide", //hide columns that dont fit on the table
columns:[ //define the table columns
{title:"Name", field:"name", editor:"input"},
{title:"Task Progress", field:"progress", align:"left", formatter:"progress", editor:true},
{title:"Gender", field:"gender", width:95, editor:"select", editorParams:{"Male":"male", "Female":"female"}},
{title:"Color", field:"col", width:130, editor:"input"},
{title:"Date Of Birth", field:"dob", width:130, sorter:"date", align:"center"},
],
});
var tableData = [
{id:1, name:"Billy Bob", age:"12", gender:"male", height:1, col:"red", dob:"", cheese:1},
{id:2, name:"Mary May", age:"1", gender:"female", height:2, col:"blue", dob:"14/05/1982", cheese:true},
]
table.setData(tabledata);
不知道为什么它不起作用,不知道这是bug还是对我不利。
任何建议都很棒
答案 0 :(得分:0)
您需要在桌子上设置一个高度才能使用虚拟DOM。目前,您正在尝试使用诸如 sensitiveLayout 之类的选项,这些选项仅在启用了虚拟DOM时才起作用,但是由于高度不够,它不知道滚动区域应该多大是。