DataTable 插件在表格里面有按钮的情况下不对齐

2019-04-04 15:36:29 浏览数 (1)

在表格内容全部都是文字的情况下,固定表格的头与内容区是对齐的,但是当有一列含有几个按钮时,头部与内容突然不对齐,解决方法是在样式中设置按钮的宽度

<td style="" class="caozuotd">                         <button class="btn btn-info btn-xs" type="button" id="histroyBtn" title="历史数据"><i class="fa fa-file-o"></i></button>                         <button class="btn btn-info btn-xs" type="button" id="dayQuantityBtn" title="日用量"><i class="fa  fa-th-large"></i></button>                         <button class="btn btn-info btn-xs" type="button" id="histroyQuxianBtn" title="历史曲线"><i class="fa fa-line-chart"></i></button>                         <button class="btn btn-info btn-xs" type="button" id="warningBtn" title="报警记录"><i class="fa fa-bell-o"></i></button>                         <button class="btn btn-info btn-xs" type="button" id="yibiaoinfoBtn" title="仪表信息"><i class="fa fa-navicon (alias)"></i></button>                         <button class="btn btn-info btn-xs" type="button" id="liuliangBtn" title="流量分布"><i class="fa fa-bar-chart"></i></button> </td>

.caozuotd button{width:23px;} 

(adsbygoogle = window.adsbygoogle || []).push({});

0 人点赞