[英]how to add title to react-table
我正在使用react-table,需要将自定义标题添加到单个表中。 我无法通过查看示例和文档来弄清楚该如何做。 这是我的桌子目前的样子。
这是我需要的外观。
这是我对该表的配置。
[
{
Header: '',
columns: []
},
{
Header: '',
columns: []
},
{
Header: 'Avg Sales',
columns: []
},
{
Header: 'Project to Date',
columns: []
},
{
Header: '',
columns: [
{
Header: '',
accessor: 'spacer',
width: 35
}
]
},
{
Header: 'Activity & Inventory',
columns: []
},
{
Header: '',
columns: [
{
Header: '',
accessor: 'spacer',
width: 35
}
]
},
{
Header: 'Additional Data Entered',
columns: []
}
]
好像在列中一样,每个对象都可以具有一个字段标题和一个字段列,这些字段的数组包含具有相同结构的对象。 因此,在您的情况下,您将需要类似的东西,因此您需要的只是拆分对象,例如:
[{
Header: 'Title 1',
columns: [...], //subgroup 1
},
{
Header: 'Title 2',
columns: [...], //subgroup 2
},
]
如果不能解决问题,则可以单独添加元素,然后使用CSS进行调整。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.