jQuery数据表重绘问题

Question

我是jQuery和ASP.Net MVC的新手.我正在开发一个使用jQuery的mvc应用程序.

我在jQuery Datatables中遇到了问题.在更新或删除方法之后,我们需要再次重新构造Datatable.我是用jquery做的,但我不能像之前那样加载Datatable.请帮我解决这个问题.

  <table id="ViewxxTable" width="100%">    //Here is the table I want to reconstruct 
     <thead>
       <tr>
            <th>SN No</th>
            <th>Item code</th>
      </tr>
    </thead>
    <tbody>
<%     
    List<InSys.Models.xxDetailClass> xxdetailLst =     (List<InSys.Models.xxDetailClass>)Session["xxddetailLst"];
    foreach (InSys.Models.xxDetailClass grnd in xxdetailLst)
        {
%>
   <tr>
      <td><%= grnd.SnNo%></td>
      <td><%= grnd.ItemCode%></td>
      <td>
  </tr>

<%
       }
%>
  </tbody>
</table>

jQuery的

    oTable = $('#ViewxxTable').dataTable({
                 "bPaginate": false,
                 "bJQueryUI": true,
                 "bRetrieve": true,
                 "bDestroy": true,
                "sPaginationType": "full_numbers"
}); 

Answer 1

$(document).ready(function () {
    oTable = $("#tableId").dataTable({ 
        "bPaginate": true,
        "bJQueryUI": true,
        "bRetrieve": true,
        "sPaginationType": "full_numbers"
});

$("#tableId").dataTable().fnDestroy();    // destroy the old datatable
oTable = $("#tableId").dataTable({
    "bPaginate": true,
    "bJQueryUI": true,
    "bRetrieve": true,
    "sPaginationType": "full_numbers"