各位大大好
小弟目前在製作一個年份業績比較表的時候碰上了問題
目前設計如附圖

小弟對於資料架構的設計不是很滿意
但腦袋卡住 想不到有什麼更好的方法
有幾個問題想問大大們

1. 是否有更好的比較表格呈現方式
   這問題比較關於 UI
   個人總覺得年份業績比較可能還有更好的呈現方式
   可是目前就只能做到這樣QQ

2. 重複表頭利用
   因為是年份比較
   會看到大部分欄位都重複名稱
   就會想重複利用同樣的架構
   目前設計是依 tr 分成三個

    first_headers: {
        0: {
            field_name: "子部門/年",
            rowspan: 3
        },
        1: {
            field_name: "2021 (09-09)",
            colspan: 8
        },
        2: {
            field_name: "2020 (09-09)",
            colspan: 8
        }
    },
    second_headers: {
        0: {
            field_name: "掛訂",
            colspan: 3,
        },
        1: {
            field_name: "銷貨",
            colspan: 5
        }
    },
    third_headers: {
        0: {
            field_name: "數量"
        },
        1: {
            field_name: "金額"
        },
        2: {
            field_name: "平均單價"
        },
        3: {
            field_name: "數量"
        },
        4: {
            field_name: "金額"
        },
        5: {
            field_name: "毛額"
        },
        6: {
            field_name: "毛利率"
        },
        7: {
            field_name: "平均單價"
        }
    },

而看到 第二個第三個 header
我都想要重複再跑一次迴圈
可是沒辦法把雙迴圈寫在一個 tag
所以小弟目前是用
重複印兩次 tag (很笨QQ)
就像是

 <tr class="elife_table_header">
   <th v-for="(header, index) in second_headers" :colspan="checkIsset(header.colspan)?header.colspan:1" class="table_cell_border" nowrap>{{ header.field_name }}</th>
   <th v-for="(header, index) in second_headers" :colspan="checkIsset(header.colspan)?header.colspan:1" class="table_cell_border" nowrap> {{ header.field_name }}</th>
   </tr>

有試過用 template 來跑雙迴圈
但template IE 不支援
想問問還有沒有其他做法

感覺有可以再改進的地方 希望各位大大指教