ASP GridView Scrollable并用jquery修复

Question

我实现了以下jquery脚本：

<script src="../Scripts/jquery.cookie.js" type="text/javascript"></script>
<script src="../Scripts/colResizable-1.3.min.js" type="text/javascript"></script>

<script type="text/javascript" language="javascript">
    $(document).ready(function () {
        $('#<%=GridView1.ClientID %>').Scrollable();
    })
    </script>

它的工作方式是Header真正修复，但标题在某种程度上与GriView的其余部分不兼容：

修改

<asp:GridView ID="GridView1" runat="server" AllowPaging="True" PageSize="40" AllowSorting="True"
            AutoGenerateSelectButton="True" EnableModelValidation="False" OnPageIndexChanging="GridView1_SelectedIndexChanged"
            AutoGenerateColumns="false" OnSorting="GridView1_Sorting" CssClass="mydatagrid"
            PagerStyle-CssClass="pager" HeaderStyle-CssClass="headerGrid" RowStyle-CssClass="rows"
            ShowHeaderWhenEmpty="true" Font-Size="X-Small" ForeColor="Black">
            <Columns>
                <asp:BoundField DataField="id" HeaderText="Lfd_Nr." SortExpression="id" />

编辑2

这就是我在Chrome中获得的内容：

它的宽度为......

Answer 1

在使用DevExpress for WebForm Grids之类的产品之前（使用此类产品解决了所有网络表单网格问题）

我做了两件事来滚动开箱即用的WebForm Grids。

1. 当使用开箱即用的网格视图时，我会在浏览器中呈现它，复制HTML表格代码，然后将其放入可滚动的div中。然后在Grid上设置ShowHeaders = false。如果您没有动态列，则可以使用此功能。

2. 我使用的是that works "ok" on ASPSnippets插件。该代码具有HTML示例和JavaScript / jQuery插件。我试图将片段粘贴到此处，但格式不正确。