0

jQuery データテーブル V 1.9.4 を使用しています。これは私のhtmlコードです。

<table id="file_list" class="file_list">
    <thead>
        <tr>
            <th class="rowBorder">File</th>
            <th class="rowBorder">Date</th>
            <th class="rowBorder">Size</th>
            <th class="rowBorder">Type</th>
        </tr>
    </thead>
    <tbody>
    </tbody>

</table>

これは、データテーブルを初期化するための私の js コードです。

oTable = $('#file_list').dataTable(
        {
            "bFilter": false,
            "bInfo": false,
            "iDisplayLength": 50,
            "bLengthChange":false,
            "bPaginate": false,
            "sScrollY": 200,
            "bAutoWidth": false,

            }
        );

私の問題は、datatable ヘッダーが 2 回表示されることです。この問題を解決する方法。前もって感謝します。ここに画像の説明を入力

4

1 に答える 1

-1

コードをコピーしましたが、期待どおりに動作しています。私がやったことをやってみてください

<!DOCTYPE HTML>
<html>
  <head>
    <title>Sample test</title>
    <script type="text/javascript" src="JavaScript/jquery.js"></script>
    <script type="text/javascript" src="JavaScript/jquery.dataTables.js"></script>
    <script type="text/javascript" charset="utf-8">
    $(document).ready(function(){
        var oTable;
        oTable = $('#file_list').dataTable(
        {
            "bFilter": false,
            "bInfo": false,
            "iDisplayLength": 50,
            "bLengthChange":false,
            "bPaginate": false,
            "sScrollY": 200,
            "bAutoWidth": false,
        });
    });
    </script>   
  </head>
  <body>
    <div id="listbiew" data-role="content"> 
    <table id="file_list" class="file_list">
        <thead>
            <tr>
                <th class="rowBorder">File</th>
                <th class="rowBorder">Date</th>
                <th class="rowBorder">Size</th>
                <th class="rowBorder">Type</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
    </div>
  </body>
</html>
于 2013-05-08T13:00:25.813 に答える