设计一张表格，可以升降排序，表头一共七个，其中一个不需要排序？

  • Z时代
  • 2024-03-15
  • 分类：IT

按照element的 :default-sort = "{prop: 'date', order: 'descending'}"，我通过过滤数组，得到需要排序的prop，但是效果没有实现。

<el-table-column
          v-for="(item, i) in cols"
          :key="i"
          align="center"
          :prop="item.prop"
          :label="item.label"
          :default-sort="sort"
        >
cols: [
        { prop: "process", label: "工序" },
        {
          prop: "processdetail",
          label: "工序详细",
        },
        { prop: "productcount", label: "生产数量" },
        { prop: "OKcount", label: "OK数量" },
        { prop: "NGcount", label: "NG数量" },
        { prop: "OKpercent", label: "OK率" },
        { prop: "NGpercent", label: "NG率" },
      ],
sort() {
      let sort_prop = this.cols.filter((item) => {
        // console.log(item,'过滤后的');
        return item.prop != "processdetail";
      });
      // console.log(sort_prop);
      return sort_prop.map((item) => {
        return { prop: item.prop, order: "descending" }});
    },

回答：

default-sort 是 <el-table> 的属性,写在 <el-table-column> 上是没用的
sortable 才是设置排序的属性
<el-table-column> 上加 :sortable="item.prop !== 'processdetail'"应该就是你要的效果

以上是 设计一张表格，可以升降排序，表头一共七个，其中一个不需要排序？ 的全部内容， 来源链接： utcz.com/p/935063.html

回到顶部