Angular Datatable — установить столбец статического индекса

С Angular Datatable я пытаюсь установить счетчик столбца в datatable. С помощью этого кода я могу показать то, что хочу

  <tr *ngFor="let element of array;let i = index;">
                      <td>{{i+1}}</td>

Данные

Проблема: когда я сортирую/ищу в таблице данных, значение не отображается должным образом, переупорядочивается на основе сортировки. Мне нужно получить статическую или заморозить колонку, чтобы избежать этого.

Мне нужно показать счетчик статического столбца, а не как индекс.

Итак: кто-нибудь знает, как создать простой счетчик статических столбцов?


angular datatable
person El Hombre Sin Nombre    schedule 09.06.2020    source источник
comment
Вы хотите, чтобы счетчик оставался одинаковым, независимо от того, сортируете вы или нет?   -  person aviboy2006    schedule 09.06.2020
comment
Да, я хочу сохранить тот же счетчик. Проблема в том, что когда я сортирую, счетчик теряет порядок. Например, счетчик начинается с 1,2,3, и когда я сортирую данные на основе даты и времени, счетчик меняет первоначальный порядок.   -  person El Hombre Sin Nombre    schedule 09.06.2020

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете использовать rowCallback в DataTables.Settings.

dtOptions: DataTables.Settings = {
  rowCallback: (row: Node, data: any[] | object, dataIndex: number) => {
     row.childNodes[0].textContent = String(dataIndex + 1);
  }
};

В вашем шаблоне

<table datatable [dtOptions]="dtOptions">
person macfeliga    schedule 02.12.2020