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

Answer 2

您也可以这样编写点击事件。

$(document).on('click','table tbody tr',function(){
    //code here
});

如何使用DataTables和jQuery触发行单击事件

2 个答案: