当屏幕变小时，gridview 没有响应

Question

我的网页上有一个网格视图。当我缩小屏幕时，一半的 gridview 超出了页面。下面是截图：

下面是我的代码：

           <div style="margin-left:25%;">
                    <asp:GridView RowStyle-Wrap="false"  ID="grdCalculate"  runat="server" GridLines="Horizontal" CssClass="grid" OnRowDataBound="grdCalculate_RowDataBound" class="table table-responsive" >
                     

                    </asp:GridView>

如何使网格响应。我已经在我的主页上像这样使用 jquery 插件了：

 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="Scripts/jquery-responsiveTables.js"></script>

以上脚本标签对 gridview 的响应没有任何影响。

我已经看到这个 URL，但它对我没有帮助：

任何帮助将不胜感激。

Answer 1

假设您安装了 bootstrap 和 jQuery？

试试这个：

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
        DataKeyNames="HotelName"
            CssClass="table table-responsive">

所以，table，并且 table-响应

事实上，即使上面只有 table，它的大小调整也相当不错。

尽可能小，我明白了：

当屏幕变小时，gridview 没有响应

gridview not responsive when the screen becomes smaller

css

asp.net

gridview

responsive-design