element ui table表格序号不换行

要实现element ui table表格序号不换行，可以通过改写index来实现页码接上一页的顺序继续排列。具体做法是在el-table-column中设置type="index"，然后在template中通过计算得到正确的序号。代码如下：

<el-table-column type="index" label="序号" width="60">
  <template #default="{ $index }">
    {{ (searchForm.current - 1) * searchForm.size + $index + 1 }}
  </template>
</el-table-column>

另外，如果需要实现合并行或列，可以通过给table传入span-method方法来实现。该方法的参数是一个对象，里面包含当前行row、当前列column、当前行号rowIndex、当前列号columnIndex四个属性。该函数可以返回一个包含两个元素的数组，第一个元素代表rowspan，第二个元素代表colspan。也可以返回一个键名为rowspan和colspan的对象。代码如下：

<el-table v-loading="loading" :data="tableData" :stripe="true" border :span-method="objectSpanMethod" :height="tableHeight">
  <el-table-column v-for="(item,index) in tableOptions" :key="index" :prop="item.props" :label="item.name" :formatter="formatValue">
  </el-table-column>
</el-table>

如果需要实现按序号排序效果，可以给序号行加一个type="index"就可以实现。但是当页码到第二页时，又是从一开始排列了。可以通过改写index来实现页码接上一页的顺序继续排列，具体做法可以参考上面的代码。