DataGrid Column Group (合并表头)

复制代码
<thead>
        <tr>
            <th colspan="2">swjg</th>
            <th colspan="2">swbm</th>
            <th data-options="field:'sj_swjg_dm',width:80,align:'center'" rowspan="2">sj_swjg_dm</th>
            <th data-options="field:'xybz',width:60,align:'center'" rowspan="2">xybz</th>
        </tr>
        <tr>
            <th data-options="field:'swjg_dm',width:80,align:'center',styler:cellStyler">swjg_dm</th>
            <th data-options="field:'swjg_mc',width:200,align:'left'">swjg_mc</th>

            <th data-options="field:'swbm_dm',width:80,align:'center'">swbm_dm</th>
            <th data-options="field:'swbm_mc',width:150,align:'left'">swbm_mc</th>


        </tr>
    </thead>
复制代码

第一个tr  分组列和正常列,正常列  rowspan="2"
第二个tr  按第一个tr组的顺序排列th,元素数量等于 colspan 合计

posted @   秋意了了  阅读(658)  评论(0编辑  收藏  举报
编辑推荐:
· 探秘 MySQL 索引底层原理,解锁数据库优化的关键密码(下)
· 大模型 Token 究竟是啥:图解大模型Token
· 35岁程序员的中年求职记:四次碰壁后的深度反思
· 继承的思维:从思维模式到架构设计的深度解析
· 如何在 .NET 中 使用 ANTLR4
阅读排行:
· 2025,回顾出走的 10 年
· 【保姆级教程】windows 安装 docker 全流程
· 分享 3 款基于 .NET 开源且免费的远程桌面工具
· 基于Docker+DeepSeek+Dify :搭建企业级本地私有化知识库超详细教程
· 由 MCP 官方推出的 C# SDK,使 .NET 应用程序、服务和库能够快速实现与 MCP 客户端
点击右上角即可分享
微信分享提示