☰

データテーブル: 未定義のプロパティ 'mData' を読み取ることができません 質問する

tag-icon • tag-icon jquery console datatables
データテーブル: 未定義のプロパティ 'mData' を読み取ることができません 質問する

に問題がありますDatatables。私も経験しましたこのリンク結果は得られませんでした。データを直接 DOM に解析する前提条件をすべて含めました。

脚本

$(document).ready(function() {
  $('.viewCentricPage .teamCentric').dataTable({
    "bJQueryUI": true,
    "sPaginationType": "full_numbers",
    "bPaginate": false,
    "bFilter": true,
    "bSort": true,
    "aaSorting": [
      [1, "asc"]
    ],
    "aoColumnDefs": [{
      "bSortable": false,
      "aTargets": [0]
    }, {
      "bSortable": true,
      "aTargets": [1]
    }, {
      "bSortable": false,
      "aTargets": [2]
    }],
  });
});

ベストアンサー1

参考までに、dataTables には適切に形成されたテーブルが必要です。テーブルにはタグが含まれている必要があります。含ま<thead>れ<tbody>ていない場合は、このエラーがスローされます。また、ヘッダー行を含むすべての行の列数が同じであることを確認してください。

以下はエラーが発生します（タグ<thead>なし<tbody>）

<table id="sample-table">
    <tr>
        <th>title-1</th>
        <th>title-2</th>
    </tr>
    <tr>
        <td>data-1</td>
        <td>data-2</td>
    </tr>
</table>

以下もエラーが発生します（列数が不一致）

<table id="sample-table">
    <thead>
        <tr>
            <th>title-1</th>
            <th>title-2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>data-1</td>
            <td>data-2</td>
            <td>data-3</td>
        </tr>
    </tbody>
</table>

詳細情報詳細はこちら

おすすめ記事