reactjs - 将序列号添加到反应引导表 2

Question

我react-bootstrap在我的项目中使用该表，我想在表中添加一个带有序列号的列，但无法生成序列号，因此请指导我如何操作。任何帮助将不胜感激，并提前感谢您的帮助。

目前正在编写以下代码以生成序列号，但未获取列中的数字。

const columns = [
{ text: 'Sn',
  cell: (row, index) => index + 1 ,
  headerAttrs: { width: "50px" }
},
{
  text: "Customer Id",
  dataField: "customerId",
  classes: "alignment"
},
{
  text: "Email",
  dataField: "email",
  classes: "alignment",
  headerAttrs: { width: "200px" }
},
{
  text: "Role",
  dataField: "role"
},
{
  text: "Date Created",
  dataField: "dateCreated",
  formatter: dateFormatter
},
{
  text: "Customer Type",
  dataField: "plan"
},
];

Answer 1

您可以使用以下格式化程序属性来获取相应的序列号。

{
  dataField: 'sl.no',
  text: 'Sl no.',
  formatter: (cell, row, rowIndex, formatExtraData) => {
    return rowIndex + 1;
  },
  sort: true,
},