Добавление столбца серийного номера в таблицу

Question

Я использую библиотеку с именем response-data-table-component для таблицы в моем приложении. Все идет довольно гладко, однако мне нужно добавить столбец, в котором будет отображаться серийный номер в моей таблице. Серийный номер всегда будет начинаться с 1 до общего количества объектов в массиве фотографий.

const columns = [
    {
      name: '#',
      selector: 'id',
      cell: (row) => <span>{I need to show serial number here}</span>
    },
    {
      name: 'Name',
      selector: 'photo_link',
      sortable: true,
    }
    ... // Other fields
]

<DataTable
        columns={columns}
        data={photos}
        paginationTotalRows={total_photos}

Ключ ячейки внутри массива столбцов просто принимает строку в качестве аргумента и имеет текущий объект, но я не могу получить индекс объект.

У меня есть поле id в каждом объекте массива, но это не в той последовательности, которая мне нужна. Как решить эту проблему?

Answer 1

Попробуйте это в столбцах

render:(text,record,index)=>`${index+1}`,

Answer 2

Я думаю, что самый простой способ - заранее добавить серийный номер к элементам массива.

photos.forEach((photo, index) => { photo.serial = index + 1; });

Затем просто используйте это поле серийного номера в определении столбца:

{
  name: '#',
  selector: 'serial'
}