当前位置: 首页 > 知识库问答 >
问题:

前端 - 设计一张表格,可以升降排序,表头一共七个,其中一个不需要排序?

史同化
2023-10-26

按照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" }});    },

共有1个答案

岑俊弼
2023-10-26

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

 类似资料:
  • 我正在做一个项目,所以我把我的问题简化为: 任何帮助都将不胜感激。

  • 我正在运行一个包含多张表的电子表格,在Sheet3中输入一些数据并运行一个自动排序代码,该代码按D列升序排序。 表3示例|表1示例 Sheet1中的“名称”和“位置”是从Sheet3导入的,因此当Sheet3进行排序时,它们会交换位置,但是,问题是从D到F(Sheet1)的信息没有交换,它将为错误的人显示。 这是我正在使用的脚本: 对其进行了轻微修改,以适用于特定的工作表,因为我当时不需要对整个文

  • 我有一个通用的链表,目前由int组成,我想在默认情况下按升序排序,然后切换一个布尔值,按降序排序。我该怎么做?

  • 请看前面关于这个问题的帖子;自动排序不能在一个Google工作表中的多个工作表上工作 这是上节课的好剧本; 这个线程成功地解决了我的问题,但是,现在我想做的是自动排序第三张,这是锁定到其他人,但不是我自己。第三页标题为“2017年卡兰生产”。我还希望这第三张表格能够从第二张表格“代管交易”中提取所有新数据,格式与第二张表格相同,并在数据导入第三张表格时自动排序,但也能够在第三张表格中手动输入新交易

  • 有了上面的地图值列表,我需要在一个伸展过程中根据date1和date2进行排序,从而得到下面的输出… 对于上述输入数据,我要求的O/P顺序是:

  • 问题内容: 我正在寻找Java的良好排序列表。到处搜寻可以给我一些有关使用TreeSet / TreeMap的提示。但是这些组件缺少一件事:随机访问集合中的元素。例如,我想访问排序集中的第n个元素,但是使用TreeSet时,我必须遍历其他n-1个元素,然后才能到达那里。因为我的集合中最多有数千个元素,所以这很浪费。 基本上,我正在寻找与.NET中的排序列表类似的东西,能够快速添加元素,快速删除元素