DataTable 插件與bootstrap table 在表格裏面有按鈕的狀況下不對齊

在表格內容所有都是文字的狀況下，固定表格的頭與內容區是對齊的，可是當有一列含有幾個按鈕時，頭部與內容忽然不對齊，解決方法是在樣式中設置按鈕的寬度

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;}