easyui datagrid做复杂表

快来打我* 2022-04-18 00:43 164阅读 0赞

<th colspan="5" rowspan="1" >竞品渠道促销</th>  
        <th colspan="3" rowspan="1">竞品消费者促销</th>  
    </tr>  
    <tr>  
        <th  rowspan="2" data-options="field:'waiterRewardName',align:'center'">渠道促销</th>  
        <th  rowspan="1" colspan="2">陈列奖励</th>  
        <th  rowspan="2" data-options="field:'channelAnalPromEff',align:'center'">促销效果打分</th>  
        <th  rowspan="2" data-options="field:'channelSaleRemark',align:'center'" width="200">文字描述</th>

<th  rowspan="2" data-options="field:'consumerActivitiesName',align:'center'">消费者活动</th>  
        <th  rowspan="2" data-options="field:'conAnalPromEff',align:'center'">促销效果打分</th>  
        <th  rowspan="2" data-options="field:'conSaleRemark',align:'center'" width="200">文字描述</th>  
    </tr>  
    <tr>  
        <th  rowspan="1" data-options="field:'columnDay',align:'center'">天</th>  
        <th  rowspan="1" data-options="field:'columnReward',align:'center'">瓶</th>  
    </tr>  
    </thead>  
</table>

主要是理解rowspan 和 colspan ，我是第一次用这个属性 ，datagrid单元格是从左往右，然后在逐行从上而下一次填充，  
如果碰到当前单元格有数据填充则下一个单元格就会填充到它后面

![20181106092824850.png][]

[20181106092824850.png]: /images/20220418/f5ff7d17092d4c7a8236d3ad53d4058b.png