0
163
ViewsCómo enviar columnas dinámicas y datos de fila a la tabla antd
El siguiente código no acepta una matriz de filas y columnas
Aquí hay un ejemplo de antd:
const data = []; for (let i = 0; i < 4; i++) { data.push({ key: i, name: `Edward King ${i}`, age: 32 // address: `London, Park Lane no. ${i}` }); } Tried same logic in below: // columns :datacloumns1 // rows :rowdata const data = []; for (let i = 0; i < 4; i++) { for (var j = 0; j < reportDataRows?.length; j++){ data.push({ datacloumns1[i]:rowdata[i] // here i am binding row to the exact column but this is not accepting }); } }
·
Juan Pablo Isaza
1 answers
Answer question0
Gracias por tus sugerencias.
Aquí está la solución: cambié mi resultado al formato de title e dataIndex de datos, así que me di cuenta de que la tabla dataIndex solo acepta el formato de title e índice de datos.
let datacloumns = reportDataRows && Object.keys(reportDataRows[0])?.map((key) => ( <span >{cloumns.push({ title: key, dataIndex: key, //defaultSortOrder: 'descend', sorter: true })} </span>)) < Table rowClassName = {(record, index) => index % 2 === 0 ? 'table-row-light' : 'table-row-dark'} size = { 'default'} columns = { cloumns } bordered = { true} sortDirections = { ['ascend', 'descend'] } loading = { reportDataRows === undefined ? true : false} pagination = {{ pageSize: 10 }} dataSource = { reportDataRows === undefined ? [] : reportDataRows} />
·
Juan Pablo Isaza
Report
Answer question