arco design table遇到的一些问题

问题1:不知情就成了树形table

table中不知道为啥就多了个树形加号在前面,查找问题后发现,是后端返回的数据中有children,框架中默认对这个参数做了树形结构。

解决办法:

当时没找到取消或者修改字段的属性或方法,就将此字段去掉,并将内容clone到childData。

问题2:columns属性不生效

table自定义渲染时,columns中加了排序等属性会失效。

解决办法:

在自定义column设置属性,此处举例排序示例和部分代码如下

复制代码
<template #columns>
        <a-table-column
          align="center"
          ellipsis
          tooltip
          v-for="(i,index) in table.columns"
          :key="index"
          :data-index="i.dataIndex"
          :title="i.title"
          :sortable="table.sortable(i)"
          :width="i.width">
          <template #cell="{ record,rowIndex }">
            {{record[i.dataIndex] || '-'}}
          </template>
        </a-table-column>
      </template>



//js部分
columns:[{title: '序号', dataIndex: 'xu_hao', ellipsis: true, tooltip: true,sort:true, width: 60}]
sortable(i){
          if(i.sort){
            return {
              sortDirections: ['ascend', 'descend']
            }
          }
        },
相关推荐
风雨_入梦4 天前
Java流、C指针、Python机器学习PHP与C#在大数据下的C++性能优化实战
arco design
秋田君6 天前
Vue3 + VitePress 搭建部署组件库文档平台(结合 Element Plus 与 Arco Design Vue)—— 超详细图文教程
前端·vue.js·arco design
bigyoung6 个月前
使用 Arco Design 的 Table 组件实现可编辑列
前端·react.js·arco design
linab1127 个月前
arco design框架中的树形表格使用中的缓存问题
arco design
全栈小董7 个月前
arco design vue 表格Table自定义筛选
前端·vue.js·arco design
假意诗人10 个月前
【NextJS】Arco Design与Next.js快速上手
开发语言·javascript·arco design
昔人'10 个月前
基于 Arco Design UI 封装的 Modal 组件
javascript·vue.js·ui·arco design
RationalDysaniaer1 年前
Umi UI报错:连接失败,请尝试重启dev服务
arco design·anti-design-vue
刘大逵1 年前
Arco Design,字节跳动出品的UI库
ui·arco design
疾风终究没有归途1 年前
Arco Design:引领未来的Vue 3创意先锋,一键开启高效与美感并重的Web开发之旅!
前端·前端框架·vue·arco design