javascript - 单击一个数据表，填充第二个数据表

Question

我有 2 个数据表，我想要的是根据我单击的第一个数据表的女巫行来填充第二个数据表。某种主从细节。

这是主数据表:

<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>

第一个数据表工作正常，当我尝试加载第二个数据表时出现问题，我尝试这样做:

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

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

} );

我首先尝试不带任何参数，只是为了检查是否可以通过这种方式加载第二个数据表。我遇到了这个错误:

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

行$('#tdeiak').Datatable({

有什么帮助或线索吗？

Answer 1

这是DataTable而不是Datatable

改变

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

至

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