Jquery dataTables_length

Question

我使用Jquery数据表，有一个选项显示"dataTables_length“下拉列表，

下拉列表位于<div class="col-xs-6"，我对此没有控制。

我的目标是向右浮动下拉菜单，但是在当前的div中，而不是在整个页面中。

圆圈是我希望它出现的地方，行分隔是"col-xs-6类的右边：

Img附

  function initCompanyTable() {
    //self.$eventsTable = $('#events_table');
    oTable = $tblManagedUsers.dataTable({
        destroy: true,
        iDisplayLength: 10,
        // Show length rows menu
        "bLengthChange": true,
        // Hide search box
        "bFilter": false,
        //"sPaginationType": "full_numbers",
        "oLanguage": {
            "sLengthMenu": "_MENU_ records",
            "oPaginate": {
                "sPrevious": "Prev",
                "sNext": "Next"
            }
        },
        //set words to show

        "aoColumns": [
            null,       // DATE & TIME
            null,       // COMPANY
            null,       // LEVEL
            null,       // USERNAME
            null        // IP ADDRESS

        ],
        "aoColumnDefs": [
            {
                'bSortable': true,
                'aTargets': [0]
            }
        ]
    })

    oTable.fnDraw();
}

Answer 1

本节展示了您要寻找的内容：

https://datatables.net/reference/option/dom#Markup

您可以将下拉列表包围在css类或id中，然后将适当的样式应用于dom对象。初始化DataTable时，请在dom选项中尝试这样做：

dom: '<"float-correctly"l>frtip'

然后将css应用于类float-correctly。