0

我有一个 13 列的网格视图。所有列都是绑定字段。当数据绑定到gridview时，gridview会拉伸页面，页面的布局会变得单调乏味。我添加了 girdview 的页面是从母页继承的，而 gridview 位于面板内。我们研究百分比而不是像素，所以我面临这个问题。如果我使用像素来修复 gridview 的宽度，它可以正常工作，但在 %. 我已经尝试了以下所有方法 -

  1. 删除绑定字段和使用的模板字段，并修复 itemstyle-width。
  2. 将 girdview 放在表格中并应用样式来设置宽度、溢出和其他必需的属性。
  3. 将 gridview 放入 div 并应用样式来设置宽度、溢出和其他所需属性。
  4. 在面板内添加gridview，然后如上设置面板的属性。

什么有效： - 当我将gridview的“tableLayout”属性修复为“fixed”时，它显示在范围内，但所有文本相互重叠，因此所有东西都变得无用。

请给我建议。

示例代码： -

<table>
            <tr>
                <td>
            <asp:Panel ID="pnlSearchResult" runat="server" Visible="false" Width="97%">
            <div style="overflow:scroll;width:100%;table-layout:fixed">
                <asp:GridView ID="grdSearchResult" runat="server" SkinID="NewGridGS" EmptyDataText="No records found"
                Width="99%">
                    <Columns>                            
                        <asp:BoundField DataField="ECode" HeaderText="Code"/>
                        <asp:BoundField DataField="EName" HeaderText="Name" />
                        <asp:BoundField DataField="Type" HeaderText="V Type" />
                        <asp:BoundField DataField="VName" HeaderText="V Name" />
                        <asp:BoundField DataField="PStartDate" HeaderText="P Start Date" />
                        <asp:BoundField DataField="PEndDate" HeaderText="P End Date" />
                        <asp:BoundField DataField="VStartDate" HeaderText="V Start Date" />
                        <asp:BoundField DataField="VEndDate" HeaderText="V End Date" />
                        <asp:BoundField DataField="OnSite" HeaderText="On Site" />
                        <asp:BoundField DataField="PCode" HeaderText="P Code" />
                        <asp:BoundField DataField="PSCode" HeaderText="PS Code" />
                        <asp:BoundField DataField="AmountUSD" HeaderText="Amount (USD)" />
                        <asp:BoundField DataField="AmountINR" HeaderText="Amount (INR)" />
                    </Columns>
                </asp:GridView>
                </div>
            </asp:Panel>
        </td>
        </tr>
        </table>
4

2 回答 2

2

以像素而不是百分比给出包含网格的 div 的宽度

<td>
<div id="divGrid" style='position:absolute; width:800px; overflow:auto'>

<!-- your grid here -->

</div>

</td>

您可以以像素为单位获取屏幕宽度并以百分比计算像素。假设屏幕宽度为 1000 像素，由 screen.width 返回，那么您的 90% 将是 900 像素。

<script language="javascript" type="text/javascript">
   document.getElementById('divGrid').style.width = screen.width + "px";
</script>
于 2012-05-30T05:33:17.850 回答
1

您可以在没有 Javascript 的情况下使用 100% 作为您想要的百分比

<td>
    <div id="gridDiv" style='width:100%; overflow:auto;'>
        <!-- your grid here -->
    </div>
</td>
于 2017-09-23T07:45:21.533 回答