# 复杂表格

<youshu-table name="demo" />

在sr-docs/docs/.vuepress/components/table-data.js中,按照 demoData 格式添加一个新的表格数据。

const demoData = {
  // 设置表格,children表示嵌套,可以使用多层嵌套
  columns: [
    { dataIndex: 'name', title: '名字' },
    { dataIndex: 'age', title: '年龄' },
  ],
  data: [
    {
      key: 1,
      name: 'yonglusun',
      age: 28,
      children: [{ key: 1001, name: 'child', age: 2 }],
    },
  ],
}

module.exports = {
  demo: demoData, //将数据按照key: value导出,前面的key是demo,即在上面的代码中设置属性name为demo
}
Copyright 2005-2019 Tencent Smart Retail All Right Reserved.