Блог

Я пытаюсь сделать что-то простое: отобразить номер строки в столбце primereact / components / datatable / DataTable.

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

Я не хочу добавлять поле данных.

 <DataTable
  value={this.props.state.communitylist}
  paginator={true}
  rows={10}
  rowsPerPageOptions={[10, 20, 30, 50]}
  header={header}
  globalFilter={this.state.globalFilter}
  scrollable={true}
  responsive={true}>

  <Column field="shortId" header="ShortId"/>
  <Column field="country" header="Country"/>
  <Column field="city" header="City"/>
  <Column field="partners" header="Partners"/>
  <Column header="Action" body={this.actionButtons}
    style={{textAlign: 'center', width: '10em'}}/>
</DataTable>
 

Как вы можете видеть, первый столбец shortId . это поле базы данных. Я не хочу этого.

Я хочу, чтобы число приращения автоматизации без поля базы данных вместо shortId .

В идеале должен быть метод, который позволяет это, но, похоже, я не могу его найти.

У вас есть свойство RowIndex, к которому вы можете получить доступ. Это во втором параметре для основной функции.

Пример ниже:

 <Column header="Index" body={(_, { rowIndex }) => rowIndex   1} />