bootstrap-table横向布局应该如何做？

我有一个数据格式是这个样子的数据(F12打印出来的数据），想用bootstrap-table做成如下图所示的表，应该怎么布局？

(12) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
0: {工序: 'AAA', 工位: 'AAA1'}
1: {工序: 'AAA', 工位: 'AAA2'}
2: {工序: 'AAA', 工位: 'AAA3'}
3: {工序: 'AAA', 工位: 'AAA4'}
4: {工序: 'AAA', 工位: 'AAA5'}
5: {工序: 'BBB', 工位: 'BBB1'}
6: {工序: 'BBB', 工位: 'BBB2'}
7: {工序: 'BBB', 工位: 'BBB3'}
8: {工序: 'BBB', 工位: 'BBB4'}
9: {工序: 'CCC', 工位: 'CCC1'}
10: {工序: 'CCC', 工位: 'CCC2'}
11: {工序: 'CCC', 工位: 'CCC3'}

不用显示title，列数按照最长的来

或者总长度相同，每一行显示“工位”的格子均分

把得到的数据进行一下处理，[{AAA: [AAA1, AAA2, AAA3, AAA4]}]这种，然后根据最长的数据进行表格的横向展示，AAA一行，BBB一行CCC一行