layui复杂表头 缩小后 表头出现空白

提问 未结 2 96
MQIS
MQIS 2019-4-15
悬赏:20飞吻
版本:layui 浏览器:googel
按照demo改了一改写了个复杂表头 只要缩小浏览器窗口 就出现空白



<table   class="layui-table" lay-data="{ url:'/test/table/demo2.json?v=2', page: true, limit: 6, limits:[6]}">
<thead>
<tr>
<th lay-data="{field:'username'}" rowspan="2">序号</th>
<th lay-data="{field:'username'}" rowspan="2">时间</th>
<th lay-data="{align:'center'}" colspan="3">炉膛温度</th>
<th lay-data="{align:'center'}" colspan="3">运行参数</th>
<th lay-data="{align:'center'}" colspan="3">辅机参数</th>
<th lay-data="{align:'center'}" colspan="3">环保参数</th>
</tr>
<tr>
<th lay-data="{field:'province'}">炉膛温度</th>
<th lay-data="{field:'city'}">水位压力</th>
<th lay-data="{field:'zone'}">节能器出水温度</th>

<th lay-data="{field:'zone'}">蒸汽流量</th>
<th lay-data="{field:'zone'}">氧含量</th>
<th lay-data="{field:'zone'}">水瞬时流量</th>


<th lay-data="{field:'zone'}">燃烧输出状态</th>
<th lay-data="{field:'zone'}">变频器输出频率</th>
<th lay-data="{field:'zone'}">冷凝泵输出状态</th>

<th lay-data="{field:'zone'}">SO2</th>
<th lay-data="{field:'zone'}">NO</th>
<th lay-data="{field:'zone'}">CO</th>


</tr>
<tr>

</tr>


</thead>
</table>
有大佬遇到过这样的问题吗 请指点一下 谢谢
回帖
  • MQIS
    2019-4-15
    已解决 屏蔽掉/*position: relative;*/ 里面的css
    0 回复
  • lc0509
    2019-4-15
    楼主具体怎么解决的,我也遇到了
    0 回复