我可以將長(zhǎng)度菜單移到搜索零件標(biāo)簽旁邊嗎？

只能用CSS移動(dòng)長(zhǎng)度嗎？或者我們需要dom basic，就像這個(gè)討論一樣，我正在嘗試，但是我不知道如何移動(dòng)指定位置

下面是我初始化數(shù)據(jù)表的代碼:

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;
     }

我的解決方案:

我只是檢查元素，看看什么類在長(zhǎng)度菜單數(shù)據(jù)表，然后把css代碼在我的看法

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

} );

有關(guān)更多信息: https://datatables . net/release-datatables/examples/basic _ init/DOM . html

指定位置的移動(dòng)應(yīng)使用dom屬性。有一個(gè)例子可能會(huì)有幫助。

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

l表示長(zhǎng)度變化特征，& lt"工具箱" l & gt威爾變成了

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

{變長(zhǎng)}由數(shù)據(jù)表建立，你不需要關(guān)心它。

有關(guān)更多信息，請(qǐng)?jiān)L問(wèn):https://datatables . net/release-datatables/examples/basic _ init/DOM . html