vue table 合并单元格内排序

前端菜鸟一枚

已于 2022-02-24 14:53:37 修改

阅读量699

点赞数

分类专栏： vue 文章标签： vue.js 前端 javascript e-table 合并单元格内排序

于 2022-02-24 13:51:58 首次发布

本文链接：https://blog.youkuaiyun.com/qq_40599116/article/details/123110097

版权

本文详细介绍了如何在Vue.js的表格组件中实现合并单元格的同时进行内部排序。通过结合使用vue.js的特性，我们可以创建一个动态且响应式的表格，允许用户在合并的单元格内进行数据排序，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
  <div style="padding:20px">
    <el-table :data="tableData6" :span-method="objectSpanMethod" border>
      <el-table-column prop="id" label="ID" width="180"></el-table-column>
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="amount1" label="数值 1（元）"></el-table-column>
    </el-table>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        spanArr: [], //用于存放每一行记录的合并数
        tableData6: [{
            id: "1",
            name: "王小虎",
            amount1: "234"
          },
          {
            id: "1",