1つのデータテーブルをクリックし、2番目のデータテーブルを入力します。

Question

2つのデータテーブルがあり、私がクリックした最初のデータテーブルの魔法の行に応じて2番目のデータテーブルを埋めます。ある種のマスターディテール。

これはDataTableのマスターである：

<table id="tinzidentziak" class="table table-bordered table-striped dataTable" role="grid" aria-describedby="example1_info"> 
<thead> 
    <tr> 
     <th>Id</th> 
     <th>Inzidentzia</th> 
     <th>Erabiltzailea</th> 
     <th>Engine version</th> 
     <th></th> 
    </tr> 
</thead> 
<tbody> 
    {% for i in inzidentziak %} 
     <tr> 
      <td>{{ i.id }}</td> 
      <td>{{ i.izena }}</td> 
      <td>{{ i.userid }}</td> 
      <td>{{ i.teknikoa }}</td> 
      <td></td> 
     </tr> 
    {% endfor %} 
</tbody> 
</table> 

は、これはデータテーブルの詳細です：

<table id="tdeiak" class="table table-bordered table-striped dataTable"> 
    <thead> 
     <tr> 
      <th>id</th> 
      <th>Fetxa</th> 
      <th>Nork</th> 
      <th>Teknikoa</th> 
      <th></th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td></td> 
     </tr> 
    </tbody> 
</table> 

最初のDataTableがOK働いている、問題は、私は、私が第二データテーブルをロードしようとしたとき、来ます

var table = $('#tinzidentziak').DataTable(); 
$('#tinzidentziak tbody').on('click', 'tr', function() { 
    var midata=table.row(this).data(); 

    $('#tdeiak').Datatable({ 
     "ajax": "deiak.json" 
    }); 

}); 

私はまずパラメータを指定せずに試してみましたが、この方法で2番目のデータをロードすることは可能です。ライン$('#tdeiak').Datatable({

すべてのヘルプや手がかりに

Uncaught TypeError: $(...).Datatable is not a function 

：I'veはこのエラーを得ましたか。

Answer 1

それは

$('#tdeiak').DataTable({ 
    "ajax": "deiak.json" 
}); 

に DataTableない Datatable

変更

$('#tdeiak').Datatable({ 
     "ajax": "deiak.json" 
    }); 

です