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']
            }
          }
        },
相关推荐
RationalDysaniaer19 天前
Umi UI报错:连接失败,请尝试重启dev服务
arco design·anti-design-vue
刘大逵3 个月前
Arco Design,字节跳动出品的UI库
ui·arco design
疾风终究没有归途3 个月前
Arco Design:引领未来的Vue 3创意先锋,一键开启高效与美感并重的Web开发之旅!
前端·前端框架·vue·arco design
FLK_90903 个月前
Vue3 的福音框架:Arco Design
arco design
素味平生3 个月前
Arco Design 之Table表格
前端·arco design
linab1125 个月前
使用arco design实现动态列信息的表格
arco design
linab1126 个月前
vue3+arco design通过动态表单方式实现自定义筛选
前端·javascript·arco design
GodCodeApps7 个月前
Arco design 发布到生成环境F5刷新报错404
arco design
o__A_A7 个月前
@arco.design radioGroup 组件手写 beforeChange 方法
arco design
lsswear8 个月前
前端框架推荐 Arco Design
ui·前端框架·arco design