如何調整網格視圖列的寬度？

我想重新調整我使用this tutorial創建的gridview中的列寬，但我無法這樣做。我通過Google搜索經過了數十種方式，但其中沒有一個能夠奏效。即創設問題如何調整網格視圖列的寬度？

<asp:BoundField DataField="CustomerID" HeaderText="CustomerID" HtmlEncode="False" /> 
<asp:BoundField DataField="Name" HeaderText="Name" HtmlEncode="False" /> 
<asp:BoundField DataField="Address" HeaderText="Address" HtmlEncode="False" /> 
<asp:TemplateField> // I don't want to show it in my gridview as it is just being 
        // for showing nested gridview 
<ItemTemplate> 
</td></tr>

我試圖更改列可視性但隨後

代碼顯示/隱藏按鈕不起作用了。

這是我的GridView的樣子，

enter image description here

我想隱藏最後一個空列或儘量減少它的寬度，所以應該被隱藏，並增加描述列的寬度，減少ID號列的寬度，也第一列的寬度，

我甚至嘗試CSS的方式，但隨後說寬度0像素然而，在寬度和ControlStyle-Width="10%"沒有變化，但它並沒有奏效。

來源

2013-04-29 Mathematics

請問您可以在GridView的細節中顯示代碼？ – SanketS 2013-04-29 09:24:57

您能否正確閱讀帖子？鏈接有你需要的所有代碼:) – Mathematics 2013-04-29 09:27:11

set HeaderStyle-HorizontalAlign，ItemStyle-HorizontalAlign屬性，每個gridview綁定字段。 – Rahul 2013-04-29 09:30:23

親愛的朋友使用下面的代碼

<asp:GridView runat="server" id="testGrid"> 
    <Columns> 
     <asp:BoundField DataField="CustomerID" HeaderText="CustomerID" HtmlEncode="False" ItemStyle-Width="100px" /> 
     <asp:BoundField DataField="Name" HeaderText="Name" HtmlEncode="False" ItemStyle-Width="100px" /> 
     <asp:BoundField DataField="Address" HeaderText="Address" HtmlEncode="False" ItemStyle-Width="100px" /> 
    </Columns> 
</asp:GridView>

或者如果你瞭解css然後使用下面的代碼，你必須將css類分配給ControlStyle-CssClass屬性

<asp:GridView runat="server"> 
    <Columns> 
     <asp:BoundField DataField="CustomerID" HeaderText="CustomerID" HtmlEncode="False" ControlStyle-CssClass="cssclass1" /> 
     <asp:BoundField DataField="Name" HeaderText="Name" HtmlEncode="False" ControlStyle-CssClass="cssclass2" /> 
     <asp:BoundField DataField="Address" HeaderText="Address" HtmlEncode="False" ControlStyle-CssClass="cssclass3" /> 
    </Columns> 
</asp:GridView>

來源

2013-04-29 11:37:31 Developerzzz

您可以調整指定ItemStyle-Width屬性的GridView列列。

<asp:BoundField DataField="ProductID" HeaderText="ProductID" ItemStyle-Width="200px" 
InsertVisible="False" ReadOnly="True" SortExpression="ProductID" > 
</asp:BoundField>

模板字段列將空白值可見。但是，您可以變通的作法既可以通過CSS禁用列邊框或讓列呈現爲一個新的錶行這樣在你的aspx代碼

<asp:TemplateField> 
      <ItemTemplate> 
    <tr> 
     <td colspan="100%"> 
      <!-- your nested control goes here--> 
     </td> 
    </tr> 
    </ItemTemplate> 
</asp:TemplateField>

來源

2013-04-29 11:30:07

如何調整網格視圖列的寬度？

回答

相關問題