Jquery Datatable搜索框左对齐

Question

我正在使用backbone和jquery datatable.By数据表的默认搜索框位于右侧 我想把它对齐.Below是我的代码

onDomRefresh: function(){
            $(this.el).find('table').dataTable({ "dom": '<"top"i>rt<"bottom"flp><"clear">',"bLengthChange": false });

        },

它不起作用，

请帮助

Answer 1

您可以使用类似

的内容

jQuery(document).ready(function($) {
    $('tableSelector').DataTable({
        "dom": '<"pull-left"f><"pull-right"l>tip'
    });
});

与

.pull-left{float:left!important;}
.pull-right{float:right!important;}

结果如下：

（请注意，Twitter Bootsrap用于截图，用于其他表格样式）

有关DataTables的更多信息可以找到DOM操作here。

Answer 2

看起来这对于sDom操作是不可能的，但您可以在.dataTables_filter中调整jquery.DataTables.css的css规则，或者最好在自定义css文件中覆盖此规则：

#table_div_id.dataTables_filter {
  float: right;
  text-align: right;
}

table_div_id是用于初始化的容器div的id：$('#table_div_id').dataTable()

Answer 3

nav

这个sDom操作在我的情况下正常工作，我们也可以使用以下脚本在左侧放置搜索过滤器和显示条目控件：

jQuery(document).ready(function($) {
    $('tableSelector').DataTable({
        "dom": '<"pull-left"f><"pull-right"l>tip'
    });
});