javascript - 如何使用 DataTables 和 jQuery 触发行点击事件

Question

我正在将数据从 sql server 检索到 DataTables 中，并且需要一种方法来单击表行以访问更多信息。这是我的 JavaScript:

$(function () {
  $("[id*=tblAccount]").prepend($("<thead></thead>").append($(this).find("tr:first"))).DataTable({
    "paging": true,
    "lengthChange": true,
    "searching": true,
    "ordering": true,
    "info": true,
    "autoWidth": true,
    "responsive": true,
    "dom": 'lBfrtip',
    "buttons": ['excel', 'print', 'pdfHtml5'],        
  });
})

<asp:GridView ID="tblAccount" runat="server" AutoGenerateColumns="false" CssClass="table table-bordered table-striped">
  <Columns>
    <asp:BoundField DataField="ACCOUNT_NUMBER" HeaderText="Account Number" />
    <asp:BoundField DataField="COMPANY_NAME" HeaderText="Tax Type" />
  </Columns>
</asp:GridView>

如何点击表格行来访问另一个页面？

Answer 1

据我了解这个问题，您可以简单地将事件处理程序附加到 DataTable 行，如下所示:

$('table tbody tr').on('click',function(){
    //retrieve your extra details
});

但是，我宁愿建议使用 DataTables 嵌入式功能来内联显示额外的详细信息: https://datatables.net/examples/api/row_details.html