backbone.js Jquery数据表搜索框左对齐

nszi6y05 于 2022-11-10 发布在 jQuery

关注(0)|答案(4)|浏览(130)

我正在使用 Backbone.js 和jQuery数据表。默认情况下，数据表的搜索框在右边--我想把它靠左对齐。下面是我的代码：

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

但它不起作用。

4条答案

您可以使用类似于

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

与

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

结果是这样的：

(Note that Twitter Bootsrap is used on the screenshot, for additional table styling)
有关数据表DOM操作的更多信息，请参阅here。

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


# table_div_id.dataTables_filter {

  float: right;
  text-align: right;
}

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

$(document).ready(function () {

    $('#TableId').DataTable( "dom": '<"pull-left"f><"pull-right"l>tip' );        
});

$(document).ready(function () {
    $("#dataTableId").DataTable({
        dom: '<"float-start"f><"#tableId"t>i<"#paginatorId"lp>',
    });
});