Jquery dataTable colspan问题

dataTable最新版(1.10.9)已经提供了colspan和rowspan的设置,参考:

http://www.datatables.net/examples/basic_init/complex_header.html


但是我发现这个设置在不使用ajax的情况下是正常的,使用ajax加载数据在某些情况下会有问题,比如要实现下面这种效果


也就是说如果表头分两行,列的数目和数据列数目还是相同的话,像第一个图,就没事,如果像上面这个图,表头只有一行,并且在某一列使用了colspan=2,使用ajax加载会报错。

最后没办法使用下面的方法来避免报错

<table id="menu_table" class="table table-bordered table-striped" width="100%">
                  <thead>
                    <tr>
                      <th class="index" rowspan="2">序号</th>
                      <th class="index" rowspan="2"><input id="allcheck" type="checkbox" /></th>
                      <th rowspan="2">菜单代码</th>
	                  <th rowspan="2">菜单名称</th>
	                  <th rowspan="2">链接地址</th>
	                  <th rowspan="2">菜单状态</th>
	                  <th rowspan="2">排序序号</th>
	                  <th rowspan="2">上级菜单</th>
	                  <th colspan="2" style="border-bottom:none">使用指南</th>
                      <th width="80px" rowspan="2">操作</th>
                    </tr>
                    <tr>
                      <th style="display:none">状态</th>
                      <th style="display:none">内容</th>
                    </tr>
                  </thead>
                  <tbody></tbody>
                </table>
还是分两行,但是把第二行的内容隐藏掉。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值