我正在使用react table,其中我需要提供我的 api 数据键,并添加了新的键 Header 来创建 React Table Head (TH > TD);
下面是从 API 获取的示例数据,我需要将对象键传递给表头,将对象键传递给表体。表头需要为公共键保留。
我的数据样本:
{
'data':
{
'id': 486897532,
'active': null,
'acc_info': [
{
'acc_name': 'saving',
'bank_info': [
{
'bank_name': 'ABC',
'bank_address': 'address',
},
{
'bank_name': 'DEF',
'bank_address': 'address',
}]
},
{
'acc_name': 'FXE',
'bank_info': [
{
'bank_name': 'ABC',
'bank_address': 'address',
},
{
'bank_name': 'DEF',
'bank_address': 'address',
}]
},
],
},
{
'id': 56465945,
'active': null,
'acc_info': [
{
'acc_name': 'current',
'bank_info': [
{
'bank_name': 'ABC',
'bank_address': 'address',
},
{
'bank_name': 'DEF',
'bank_address': 'address',
}]
},
{
'acc_name': 'FXE',
'bank_info': [
{
'bank_name': 'ABC',
'bank_address': 'address',
},
{
'bank_name': 'DEF',
'bank_address': 'address',
}]
},
],
}
}
预期结果应该是:
[
{
Header: "id"
},
{
Header: "active"
},
{
Header: "acc_info",
columns: [
{
Header: "acc_name",
},
{
Header: "bank_name",
},
{
Header: "bank_address"
}]
}
]
问题解决了!!
那些正在使用或不熟悉 React Table 的步骤如下:
对于表格标题
干杯..
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句