使用数据表 bootstrap 更新 asp.net gridview 中的一行时。 editrow 成为最后一行

Question

我的数据表 (http://www.datatables.net/manual/styling/bootstrap) 网格视图有问题。当按下编辑按钮时，gridview 进入编辑模式。但是编辑的行成为 gridview 中的最后一行使用户感到困惑。有人知道如何解决这个问题吗？

我的网格视图：

    <asp:GridView
        ID="gv_cats"
        AutoGenerateColumns="false" 
        runat="server" 
        DataKeyNames="ID"
        CssClass="gvv_cats table table-striped table-bordered"
        ShowHeaderWhenEmpty="true"
        OnRowDeleting="gv_cats_RowDeleting"
        OnRowEditing="gv_cats_RowEditing"
        OnRowCancelingEdit="gv_cats_RowCancelingEdit">    
        <Columns>
            <asp:CommandField ShowDeleteButton="true" ShowEditButton="true" />
            .......
        </Columns>
    </asp:GridView>

数据表-jquery构造函数：

    var table = $(".gvv_cats").prepend($("<thead></thead>").append($(this).find("tr:first"))).dataTable({
        pagingType: 'full_numbers',
        stateSave: true
        });

    new $.fn.dataTable.FixedHeader(table);

编辑：我也愿意解决问题。我在考虑事件：gv_cats_RowEditing 转到 gridview 的最后一页。但是如何将代码传递给数据表以转到最后一页？

Answer 1

我不确定这是否适用于您的设置，但在我的例子中，编辑的行冒泡到 table 的 top。要获得 "edit in place" 的行，我必须禁用排序：

    <script>
  $(document).ready(function () {
    $('#GridViewID').dataTable({
      "ordering": false,
      stateSave: true
    });
  });
</script>

这绝对是一种解决方法，而不是修复方法，但对我来说幸运的是，用户对列的排序不是必需的。希望这有帮助。

Answer 2

设置“顺序”：[[ 3, “asc”]] 或任何想要的列号为我解决了问题。

使用数据表 bootstrap 更新 asp.net gridview 中的一行时。 editrow 成为最后一行

When updating a row in asp.net gridview with datatable bootstrap. The editrow becomes the last row

c#

jquery

asp.net

gridview

jquery-datatables