jquery - 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。