2021-05-10

最新推荐文章于 2025-07-29 20:25:09 发布

StriplingLee

最新推荐文章于 2025-07-29 20:25:09 发布

阅读量98

点赞数 1

CC 4.0 BY-SA版权

文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/StriplingLee/article/details/116595481

antd-vue版 table表格一列多条数据

效果如下所示：

图片里有3条数据：分别为10、390.33、10%

只需要在个人命名的columns中插入一下片段即可

// 
const colums = [
 {
    title: "测试标题",
    dataIndex: "one",
    align: "center",
    defaultSortOrder: "descend",
    sorter: (a, b) => a.one- b.one,
    customRender: (text, record) => {
      const one= `${record.one}/${
        record.two
      }(${record.one/ record.two}%)`;
      return one;
    },
  }
 ]