制表符编辑器不会在响应模式下编辑折叠的字段

时间:2019-01-22 11:00:45

标签: jquery tabulator

我正在使用Tabulator显示动态表,我已经使用Ajax将数据成功加载到表中。在添加响应式布局属性之前,我可以编辑表中的行。应用此功能后,只能编辑顶层行,而不能折叠掉的行。

如何使它工作?

    var table = new Tabulator("#Contacts", {

        layout: "fitDataFill",
        responsiveLayout: "collapse",
        pagination: "local",
        paginationSize: 15,
        columns: [
            { formatter: "responsiveCollapse", width: 30, minWidth: 30, align: "center", resizable: false, headerSort: false },
            { title: "ID"}, { title: "Company", headerFilter: true, editor: true }, { title: "Name", editor: true },
        { title: "Context Reference", editor: true }, { title: "Role", editor: true }, { title: "Department", editor: true },
        { title: "Lead Source1", editor: true }, { title: "Lead Source2", editor: true }, { title: "Account Rep", editor: true },
            { title: "Address 1",  editor: true }, { title: "Address 2", editor: true }, { title: "Address 3", editor: true },
            { title: "City", editor: true }, { title: "State", editor: true }, { title: "Post Code", editor: true },
        { title: "Country", editor: true }, { title: "Phone", editor: true }, { title: "Phone Extension", editor: true },
        { title: "Mobile", editor: true }, { title: "Fax", editor: true }, { title: "Fax Extension", editor: true },{ title: "Email Address", editor: true },
        { title: "Website", editor: true }, { title: "RecGUID", }, { title: "Terms", editor: true },
        { title: "Tax Rate", editor: true }, { title: "Tax Zone", editor: true }, { title: "Price Profile", editor: true },
        { title: "Accounting CustomerID", editor: true }, { title: "Account Number", editor: true }, { title: "Custom Text01", editor: true },
        { title: "Custom Text02", editor: true }, { title: "Custom Text03", editor: true }, { title: "Custom Text04", editor: true },
        { title: "Custom Text05", editor: true }, { title: "Custom Text06", editor: true }, { title: "Custom Text07", editor: true },
        { title: "Custom Text08", editor: true }, { title: "Custom Text09", editor: true }, { title: "Custom Text10", editor: true },
        { title: "Custom Text11", editor: true }, { title: "Custom Text12", editor: true }, { title: "Custom Text13", editor: true },
        { title: "Custom Text14", editor: true }, { title: "Custom Text15", editor: true }, { title: "Custom Number01", editor: true },
        { title: "Custom Number02", editor: true }, { title: "Custom Number03", editor: true }, { title: "Custom Number04", editor: true },
        { title: "Custom Number05", editor: true },{ title: "Custom Date01", editor: true }, { title: "Custom Date02", editor: true },
        { title: "Custom Date03", editor: true },{ title: "Custom Date04", editor: true }, { title: "Custom Date05", editor: true },
        { title: "Custom Memo01", editor: true },{ title: "Custom Memo02", editor: true }, { title: "Custom Memo03", editor: true },
        { title: "Custom Memo04", editor: true },{ title: "Custom Memo05", editor: true }, { title: "Notes", editor: true },
        ],
        cellEdited: EditRow,
    },);

1 个答案:

答案 0 :(得分:0)

目前(4.1版)折叠列是只读的,而编辑器仅应用完全可见的列。

这可能会在将来添加到路线图中,但至少在接下来的几个版本中将不可用