Jquery Datatable搜索框左对齐

Question

我正在使用骨干和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操作.

Answer 2

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

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

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