табулятор, добавляющий «numrow» после извлечения данных - PullRequest
Новая
       9

табулятор, добавляющий «numrow» после извлечения данных

0 голосов
/ 16 декабря 2018

У меня есть таблица неизвестные данные ( некоторые столбцы и строки ), я нахожусь в точке, где мне нужно использовать функцию table.updateData(), которая требует столбец id существовать в структуре данных, которую я не могу гарантировать, поскольку данные извлекаются из неизвестного источника .

, есть ли способ обойти это или есть Альтернативный способ обновления данных позже?

  • ps я использую только ваниль javascript не jquery

1 Ответ

0 голосов
/ 16 декабря 2018

В каждой строке данных должен быть установлен уникальный индекс, чтобы Tabulator знал, на какую строку вы хотите сослаться.

Вы можете установить это значение для любого поля столбца в данных строки, используяопция index в конструкторе таблицы 

var table = new Tabulator("#example-table", {
    index:"age", //set the index field to the "age" field.
});

По умолчанию это значение равно id filed

Если вы хотите установить это локально, вы можете использовать мутатор для создания значения в этом поле для вас: 

//define variable to count index's to ensure they are unique
var index = 0;

//define custom mutator
var idMutator = function(value, data, type, params, component){
    //value - original value of the cell
    //data - the data for the row
    //type - the type of mutation occurring  (data|edit)
    //params - the mutatorParams object from the column definition
    //component - when the "type" argument is "edit", this contains the cell component for the edited cell, otherwise it is the column component for the column

    return index++; //return the index for the row.
}

//column definition
{field:"id", mutator:idMutator, visible:false}

Однако, если вы обновляете данные из удаленного источника, тогда естьне нужно привязывать это к данным в вашей таблице.

В стандартную практику входит включение индекса или уникального идентификатора в данные такого рода, чтобы обеспечить синхронизацию между клиентом и сервером

...