如何在每个Datatable Table tr上添加onclick函数？

Question

我使用 ajax 调用来使用数据表，数据表的脚本如下 -

$(document).ready(function() {
    $('#example').DataTable({
        "columns": [
            { "data": "name" },
            { "data": "position" },
            { "data": "salary" }
        ]
    });
});

每一行都显示为 -"<tr role="row" class="even">"

但我需要在每个数据表行中放置一个 onlcick 函数，例如 -"<tr ondblclick="getDetails(id)" role="row" class="even">"

那么我该怎么做呢？有什么建议吗？

提前致谢。

Answer 1

如本网站所示，您可以执行以下操作

$('#example tbody').on('click', 'tr', function () {
    var data = table.row( this ).data();
    alert( 'You clicked on '+data[0]+'\'s row' );
} );

或双击

$('#example tbody').on('dblclick', 'tr', function () {
    var data = table.row( this ).data();
    alert( 'You double clicked on '+data[0]+'\'s row' );
} );