在 Android 编辑时键盘闪烁 table JS Tabulator

Question

制表符mainpage 示例在移动设备上运行良好。尝试编辑 Android phone 上的列时，键盘出现，然后几乎立即消失，未选中该框。

使用制表符版本 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);

不确定为什么它不起作用，不知道它是错误还是我这边的问题。

任何建议都很棒

Answer 1

您需要在 table 上设置高度才能使用虚拟 DOM。目前您正在尝试使用 responsiveLayout 等选项，这些选项仅在启用虚拟 DOM 时有效，但没有高度它不知道滚动区域应该有多大。

在 Android 编辑时键盘闪烁 table JS Tabulator

On Android keyboard flashes when editing table JS Tablulator

android

android-softkeyboard

tabulator