datagrid以html的形式创建复合表头？

<div data-toggle="topjui-layout" data-options="fit:true">

    <div data-options="region:'center',title:'',fit:true,split:true,border:false">

        <!-- datagrid表格 -->

        <table data-toggle="topjui-datagrid"

               data-options="id: 'productDg',

               fitColumns:true,

               showFooter:true,

                url: '/static/json/datagrid/product-list-footer.json',

               ">

            <thead>

            <tr>

                <th data-options="field:'itemid',width:80" rowspan="2">Item ID</th>

                <th data-options="field:'productid',width:100" rowspan="2">Product</th>

                <th colspan="4">Item Details</th>

            </tr>

            <tr>

                <th data-options="field:'listprice',width:80,align:'right'">List Price</th>

                <th data-options="field:'unitcost',width:80,align:'right'">Unit Cost</th>

                <th data-options="field:'attr1',width:240">Attribute</th>

                <th data-options="field:'status',width:60,align:'center'">Status</th>

            </tr>

        </thead>

        </table>

    </div>

</div>