ViewUIPlus icon indicating copy to clipboard operation
ViewUIPlus copied to clipboard

Table组件使用render函数渲染嵌套表格数据失败

Open fieemiracle opened this issue 2 years ago • 0 comments

1、my Parent table is following: `

` 2、my configuration of table columns are following: ` exportColumsOfRules: [ { key: 'cityName', title: 'cityName' }, { key: 'cityId', title: 'cityId' }, { key: 'isTiming', title: '是否设置分时' }, { key: 'timingSet', title: '分时设置', // type: 'expand', render: (h, params) => { return h('div', [ h('Table', { props: { columns: [ { title: '分时价格', key: 'timingPrice' }, { title: '两轮车|分时价格', key: 'twoWheelTimingPrice' }, { title: '生效月份', key: 'months' }, { title: '生效节假日', key: 'holidays' }, { title: '生效天', key: 'timingType' }, { title: '生效时间段', key: 'periods' } ], data: params.row.timingSet } }) ]) } } ], ` 3、my tabular data of desciption is following: 'exportDatas' is an array of objects, that is, each item is an object, including 'cityName','cityId','isTiming' and timingSet. timingSet is an array of multiple objects, each containing five key-value pairs; Equivalent to exportDatas being an array object, an object with a key-value pair is also an array object.With the exception of timingSet, all of the key-value pairs have been formatted to fit the csv format.For example,all values are string,and separated by Chinese commas. 4、When I execute the 'exportData' function: ` const exportData = () => { this.$refs.table.exportCsv({ filename: '生效列表', separator: ',', columns: this.exportColums, //formatted data: this.exportDatas. //formatted }) } ` the result is that the timingSet in nor rendered,but 'cityName','cityId','isTiming'are rendered.Besides,the head of 'timingSet' are not rendered! [index.md](https://github.com/view-design/ViewUIPlus/files/12359338/index.md)

fieemiracle avatar Aug 16 '23 12:08 fieemiracle