卷土重来！终结表格序号从1开始的困扰

问题背景：

在使用element-ui的Table组件时，我们经常会遇到表格序号总是从1开始的问题。这可能是因为element-ui的默认设置导致的。如果我们想让序号从其他数字开始，或者想根据数据源中的值来设置序号，那么我们需要使用自定义序号功能。

解决方法：

使用自定义序号功能有两种方法：

• 第一种方法：

<el-table :data="tableData" border>
  <el-table-column type="index" width="50" index></el-table-column>
  <el-table-column prop="name" label="姓名" width="100"></el-table-column>
  <el-table-column prop="age" label="年龄" width="100"></el-table-column>
</el-table>

• 第二种方法：

<el-table :data="tableData" border>
  <el-table-column type="index" width="50" index="id"></el-table-column>
  <el-table-column prop="name" label="姓名" width="100"></el-table-column>
  <el-table-column prop="age" label="年龄" width="100"></el-table-column>
</el-table>

效果演示：

使用第一种方法，表格序号会从1开始。

使用第二种方法，表格序号会从id字段的值开始。

注意：

• 如果您想使用自定义序号功能，那么您需要在表格组件中使用type="index"属性。
• 如果您想让序号从其他数字开始，那么您需要在index属性中指定数字。
• 如果您想根据数据源中的值来设置序号，那么您需要在index属性中指定字段名。

结语：

通过使用element-ui的自定义序号功能，您可以轻松地解决表格序号从1开始的问题。这可以帮助您更好地控制表格的显示效果，并使表格更易于阅读。

在使用element-ui的Table组件时，自定义序号功能是非常有用的。它可以帮助您更好地控制表格的显示效果，并使表格更易于阅读。