28

検索フィルターと長さ選択メニューなしで特定のテーブルを初期化するにはどうすればよいですか?

どうやら sDom オプションで実行できるようですが、ドキュメントがかなり悪く、何をすべきか正確に理解できません。

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

4

4 に答える 4

91

データテーブルの初期化中に、そのようなプロパティを false に設定できます。

"bFilter" : false,               
"bLengthChange": false
于 2012-11-13T12:21:03.180 に答える
3

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>
于 2012-11-22T22:31:20.750 に答える