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

2019独角兽企业重金招聘Python工程师标准>>>

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

DataTable

<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;} 也可以td里面加个div,里面放button

Bootstrap Table

<td>
    <a class="btn btn-info btn-xs" ><i class="fa fa-edit"></i> 编辑</a>
    <a onclick="deleteLine()" class="btn btn-info btn-xs" href=""><i class="fa fa-remove"></i> 删除</a>
</td>

.btTable tr td .btn{width:50px;}

转载于:https://my.oschina.net/u/2612473/blog/902813