Question

我可以将长度菜单移到search part标签旁边吗？

我只能使用CSS移动length吗？还是我们需要像this discussion这样的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

我的解决方案：

我只检查元素并在长度菜单sudo ln -s /usr/local/lib/libmysqlclient.dylib /usr/local/mysql/lib/libmysqlclient.20.dylib中查看什么类，然后将css代码放入我的视图中

datatable

Answer 2

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

}）;

有关更多信息： https://datatables.net/release-datatables/examples/basic_init/dom.html

Answer 3

具有指定位置的

移动应使用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

如何更改数据表的位置长度菜单？

3 个答案: