Не могу заполнить существующую таблицу данных es6+Jquery

Программирование на jquery
Ответить
Anonymous
 Не могу заполнить существующую таблицу данных es6+

Сообщение Anonymous »

Ссылка на тестовый пример:
https://codepen.io/arcanisgk-the-sasster/pen/ZYzJqwG

Код: Выделить всё

static async updateTable(info) {

console.log("DatatablePlugin.updateTable");

const table = new $.fn.dataTable.Api(`${info.target}`);
console.log({'table':table});

table.clear();

console.log({'info.content.data':info.content.data});
table.rows.add(info.content.data);

table.draw();
table.columns.adjust();

}
Фрагменты кода, не поддерживаемые Staged, не поддерживаются. Я использовал Codepen... чтобы показать рабочий пример с проблемами...
Показанные сообщения об ошибках:
Предупреждение DataTables: table id=translations-table — запрошен неизвестный параметр «0» для строки 0, столбца 0. Дополнительную информацию об этой ошибке см. на странице https://datatables.net/tn/. 4
Описание проблема:
Привет, я вернулся к своему последнему этапу разработки, связанному с таблицами данных, в этом случае, как я делаю это в тестовом примере, я пытаюсь чтобы заполнить существующую таблицу данных с помощью одного скрипта или метода, поэтому вы можете видеть, что я пытаюсь заполнить таблицу с помощью одного статического вызова инициализации и не реализую Ajax.
В данном случае проблема связана с сообщением, Я пытаюсь очистить таблицу на случай, если в ней есть предыдущие данные, а затем пытаюсь добавить новые данные, а также при необходимости внести коррективы в столбцы... проблема в том, что строки добавляются, но в них нет никаких данные. Как вы можете видеть, я создал структуру Json/object, которая имитирует данные.
Единственное, о чем я могу думать, это то, что мне нужно определить столбцы при инициализации, чтобы в обновлении вы понимаете, куда должен идти каждый фрагмент данных... но я просто не понимаю, какая ошибка появляется... если предположить, что моя структура json/объекта правильна.
Я пытался изменить сценарий updateTable
  • клонировать текущую конфигурацию.
  • уничтожить таблицу.
  • инициализировать ее с помощью клонированных данных и конфигурации.
и с этой новой версией я пробую, ошибка исчезает, но:
  • < li>конфигурация не сохраняется
  • данные не отображаются
обновленный код:
https://codepen.io/arcanisgk-the-sasster/pen/ QwLMJdw

Код: Выделить всё

static async updateTable(info) {

console.log("DatatablePlugin.updateTable");
const jsonContent = typeof info.content.data === 'string' ? JSON.parse(info.content.data) : info.content.data;

const target = $(`${info.target}`);
const table = target.DataTable();
const currentConfig = table.init();

table.destroy();

return target.DataTable({
...currentConfig.oInit,
data: jsonContent.data
});

}
Существующее сообщение не работает в моей реализации:
https://stackoverflow.com/a/62281831 /28825980
как передать данные массива в существующую таблицу данных jquery

Подробнее здесь: https://stackoverflow.com/questions/793 ... atable-es6
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»