我正在使用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,
},);
答案 0 :(得分:0)
目前(4.1版)折叠列是只读的,而编辑器仅应用完全可见的列。
这可能会在将来添加到路线图中,但至少在接下来的几个版本中将不可用