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"
});

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

1 个答案: