Как изменить длину меню меню Datatable?

Question

Можно ли переместить меню длины в метку search part?

Могу ли я переместить length только с помощью CSS?Или нам нужен dom basic, как в этом обсуждении Я пытался, но я не знаю, как перейти с указанием позиции

вот мой следующий код для инициализации данных:

  table = $('#sparepart_id').DataTable({
        "paging": true,
        "stateSave": true,
        "pagingType": "full_numbers",
        "lengthChange": true,
        "searching": false,
        "ordering": true,
        "info": false,
        "autoWidth": false,
        "pageLength": 25,
        scrollX: true,
       stateLoadCallback: function (settings) {
         var o;
         $.ajax( {
            url     : BASE_URL+"spareparts/load_layout",
            type    : "POST",
            data    : { module_table : "sparepart-list"},
            async   : false,
            dataType: 'json',
             success: function (json) {
                 o = JSON.parse(json.json);
             },
             error:function(data){
                console.log(data);
             }
         } );
         return o;
     }

Answer 1

$(document).ready(function() {
$('#example').DataTable( {
    "dom": '<"top"i>rt<"bottom"flp><"clear">'
} );

});

Для получения дополнительной информации: https://datatables.net/release-datatables/examples/basic_init/dom.html

Answer 2

Для перемещения

с указанием позиции следует использовать свойство dom.Вот пример, который может быть полезен.

$('#example').DataTable( {
     "dom": '<"toolbox"l>rtip',
     //... your another config,
     "initComplete":function(){
          //build your search layout here
         $(".toolbox").append("<label>search part</label><input>");         
     }
} );

l означает, что функция Length changing, <"toolbox"l> станет

<div class="toolbox">
    {Length changing}
    <label>search part</label><input>
</div>"

{Length changing} сборка DataTablesНе нужно заботиться об этом.

Для получения дополнительной информации: https://datatables.net/release-datatables/examples/basic_init/dom.html

Answer 3

Мое решение:

Я просто проверяю элемент и смотрю, какой класс в меню длины datatable, затем помещаю код CSS в мое представление

      .dataTables_length{
        margin-top : -57px;
        margin-left: 20px;
       }