DataTables 插件 - 将按钮向右对齐

Question

我正在使用这个插件：https://www.datatables.net/

我有一个表格列出了网站的所有新闻，包括：日期、标题、状态和一些操作（添加、编辑、删除），请参见此处：

我想让所有这些按钮都向右对齐。 正是这样：

（我只有这个结果，因为我在 Photoshop 上编辑过）

我该怎么做？我尝试了一些“对齐”，但它不像我想要的那样工作......

有人可以帮助我吗？ :)

我的代码：

$('#datatable').dataTable( {
    "aaSorting": [],
    "oLanguage": {
        "sInfo": "<b>_TOTAL_</b> resultados encontrados"
    },
});

Answer 1

诀窍是将autoWidth 设置为false，并定义columns，使“按钮列”具有固定宽度，而其他列的相对百分比宽度接近100%。避免在按钮列中自动换行也很重要。示例

td.buttons {
   white-space: nowrap;
}

var table = $('#example').dataTable({
    autoWidth: false,
    columns : [
        { width: '50%' },
        { width: '40%' },
        { width: '100px', class : 'buttons' }
   ]     
})

小demo（OP未提供示例）-> http://jsfiddle.net/pebmuu4w/

---

注意：我假设您使用的是 1.10.x，因为您通常只是指数据表。如果不是，则上述选项命名为 bAutoWidth、aoColumns、sWidth 和 sClass。