DataTables插件 - 将按钮右对齐

Question

DataTables插件 - 将按钮右对齐

jquerycssdatatables

3

我正在使用这个插件：https://www.datatables.net/ 我有一个表格，列出了网站上的所有新闻，包括日期、标题、状态和一些操作（添加、编辑、删除），请参见此处：

我想把所有这些按钮都靠右对齐，就像这样：

（我只有这个结果是因为我在Photoshop上进行了编辑）

我该怎么做呢？我尝试了一些“右对齐”的方法，但没有达到我想要的效果...

有人能帮帮我吗？ :)

我的代码：

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

- Ricardo Ruwer

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- davidkonrad · Accepted Answer

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

td.buttons {
   white-space: nowrap;
}

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

这是一个小型示例（请求方未提供实例）->http://jsfiddle.net/pebmuu4w/

注意：假设您只是普通地使用dataTables，因此上述选项被称为bAutoWidth、aoColumns、sWidth和sClass。