无法将ASP.Net Gridview模板列宽设置为0

Question

In a asp.net grid view I have add a TemplateColumn and I need to set its width to 0, Even if I set it in HTML code or code behind when it displayed it in browser it has a width. How to solve this?

HTML

<asp:TemplateField Visible="False" ControlStyle-Width="0">
            <HeaderStyle BorderWidth="0" Width="0"></HeaderStyle>
            <ItemStyle BorderWidth="0" Width="0"></ItemStyle>
            <FooterStyle BorderWidth="0" Width="0"></FooterStyle>
            <ItemTemplate>
                <itemstyle width="0" />
                <asp:PlaceHolder ID="ExpandedContent" Visible="false" runat="server"></td> </tr>
                    <tr>
                        <td class="label" colspan="2" align="left">
                    Test</asp:PlaceHolder>
                </td> </tr>
            </ItemTemplate>
            <FooterStyle BorderWidth="0px" Width="0px" />
        </asp:TemplateField>

Output HTML

Output

Answer 1

Set the font size of the data within the column to 0, hope this works.. thanks

<asp:BoundField DataField="CommID" Visible="true" ItemStyle-ForeColor="White"  
          HeaderText="" ItemStyle-Width="0px" ControlStyle-Width="0px" ItemStyle-Font-Size="0" > 

Answer 2

below solution worked for me - 1. create below css

<style>
    .hidden { display: none;}
</style>

2. Modify your TemplateField as below

   < asp:TemplateField HeaderText="">
   < HeaderStyle CssClass="hidden" Width="0px" />
   < ItemStyle CssClass="hidden" Width="0px" />
   < ItemTemplate> < asp:HiddenField ID="IDVal" runat="server" Value='<%# Eval("UserID") %>' />
   < /ItemTemplate>
   < /asp:TemplateField>

Hope this helps. Thanks

Answer 3

i tried with ItemStyle-Width="0px" ControlStyle-Width="0px" but it showing small column. then i try with Visible="false" then the column is not visible but the problem is when we try to get cell text in code behind, it shows "".

my solution:

set GridView1.Columns(2).Visible = False

if you want to read data from that column then

 GridView1.Columns(2).Visible = True

 If GridView1.Rows(1).Cells(2).Text ="abc" Then
        'do somthing......

 GridView1.Columns(2).Visible = False

Answer 4

My advise is that you make the column invisible (set Visible="false" ) and you define the property that you are binding on that column as one of the DataKeyNames on your grid; that way, you'll be able to retrieve it whenever you want.

for example:

<asp:gridview DataKeyNames="PropertyYouNeed,ID,SomethingElse" ... />

Then when you post back, you can get the data from the GridView.DataKeys property

Answer 5

I found TemplateColumn HeaderText is automatically set to four spaces (automatically generated), setting the HeaderText to one space from UI fixed the problem.