Я использую 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,
},);
Подробнее здесь: https://stackoverflow.com/questions/543 ... nsive-mode
Редактор табулятора не редактирует свернутые поля в адаптивном режиме ⇐ Jquery
Программирование на jquery
1736435373
Anonymous
Я использую 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,
},);
Подробнее здесь: [url]https://stackoverflow.com/questions/54306820/tabulator-editor-does-not-edit-collapsed-fields-in-responsive-mode[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия