DataTables - мне не нужны параметры поиска/фильтра и длины на некоторых таблицах

Как инициализировать определенные таблицы без выбора фильтра поиска и выбора длины?

По-видимому, это можно сделать с помощью опции sDom, но документация довольно плохая, и я не могу точно понять, что я должен делать.

http://datatables.net/usage/options#sDom

Ответ 1

Вы можете установить для таких свойств значение false во время инициализации datatable:

"bFilter" : false,               
"bLengthChange": false

Ответ 2

Так как Datatables 1.10 вы можете использовать эти 2 варианта:

lengthChange

"lengthChange": false
searching

"searching": false

Полный пример:

$('#example').dataTable( {
  "lengthChange": false,
  "searching": false
} );

Ответ 3

Без фильтра и длины поиска

var options = {"sDom": 'rtip'}
var myDataTable = $('#myDataTable')  
myDataTable.dataTable(options)

Вот пример из официальной документации: https://datatables.net/examples/basic_init/dom.html

Ответ 4

Я согласен с тем, что sDom сложно, я понял его, практикуя. Выполните приведенный ниже пример и увидите, что "информация" появится в верхней части. Замените sDom на "sDom": "rtlp" и увидите, что информация исчезнет. Теперь используйте "sDom": "rtil" и см. Информацию обратно внизу, но пейджинг исчез. Продолжайте экспериментировать, и вы получите его.

<!DOCTYPE html>
<html>
 <head>
    <link href="demo_table.css" rel="stylesheet">
</head>
<body>
<table class="display dataTable" id="example">
    <thead>
        <tr role="row">
            <th>Rendering engine</th>
            <th>Browser</th>
            <th>Platform(s)</th>
            <th>Engine version</th>
            <th>CSS grade</th>
        </tr>
    </thead>
</table>
<script src="jquery.js"></script>
<script src="jquery.dataTables.min.js"></script>
<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        $('#example').dataTable( {
            "aaData": [
                [ "Trident", "Internet Explorer 4.0", "Win 95+", 4, "X" ],
                [ "Gecko", "Firefox 3", "Win 2k+ / OSX.3+", 1.9, "A" ],
                [ "Webkit", "Safari 3.0", "OSX.4+", 522.1, "A" ]
            ],
            "sDom": '<"top"i>rtlp'
        } ); 
    } );
</script>       
</body>
</html>