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']
            }
          }
        },
相关推荐
linab1124 天前
arco design框架中的树形表格使用中的缓存问题
arco design
全栈小董1 个月前
arco design vue 表格Table自定义筛选
前端·vue.js·arco design
假意诗人4 个月前
【NextJS】Arco Design与Next.js快速上手
开发语言·javascript·arco design
昔人'4 个月前
基于 Arco Design UI 封装的 Modal 组件
javascript·vue.js·ui·arco design
RationalDysaniaer5 个月前
Umi UI报错:连接失败,请尝试重启dev服务
arco design·anti-design-vue
刘大逵7 个月前
Arco Design,字节跳动出品的UI库
ui·arco design
疾风终究没有归途8 个月前
Arco Design:引领未来的Vue 3创意先锋,一键开启高效与美感并重的Web开发之旅!
前端·前端框架·vue·arco design
FLK_90908 个月前
Vue3 的福音框架:Arco Design
arco design
素味平生8 个月前
Arco Design 之Table表格
前端·arco design
linab11210 个月前
使用arco design实现动态列信息的表格
arco design