如何在React-Bootstrap-Table-next

Question

目前，我正在使用reactjs中的react-bootstrap-table-next开发表，并成功创建了一个。这是我成功的输出。

红色颜色为数据字段，黑色颜色为文本，我在此列的代码为

    colData=[{ dataField: 'id', text: 'ID', hidden: true },
    { dataField: 'shop_name', text: 'Shops ' },
    { dataField: 'dy_30', text: '30%' },
    { dataField: 'dy_20', text: '20%' },
    { dataField: 'dy_10', text: '10%' }]

我的问题是，我要使另一个表格看起来像这样

我不知道如何构造列数据结构？第一个表数据字段在同一列中都是相同的'dy_30'，但在第二列中，该数据字段并不相同。我想知道列和行的数据结构，如何实现呢？还是有更简单的方法做到这一点？谢谢你。