GridView Column width matching with HtmlTableCell width

See more:

ASP.NET

HTML

Hi guys

I am using HtmlTable with 3 cols and 2 rows. I create GridView inside 2nd row spaning all 3 cols. so my top row of HtmlTable acts as heading for GridView. I am NOT using GridView header as displaying headings. instead I use it just to Sort with word 'Sort" so I put all column heading names in HtmlTable 1st row. I am setting HtmlTableCell width each of gridview sort column width. when the gridview swaps into edit mode it cols get wider and as a result I have to set the new with according to cols width of gridview. but its not reflecting my settings also I noticed when I adjust one column others get mess up due to table nature, but I want to know whether this is really possible?. I used to set width in GridView rowediting event. Please also not that my gridview width is not set. Could you please tell someone why? and how this could be done in codebehind or any other way? I tried every way using literal control and InnerHtml but no success.
regards
Thusith

This is my asp.net.cs class and codebehind

<asp:Content ID="Content2" ContentPlaceHolderID="mainContent" Runat="Server">
    <div id="grid">
        <table id="BaseTable" runat="server" border="0" cellpadding="0" cellspacing="1" class="GridviewTable">
            <tr class="GridviewTabletr">
                <td id="_code" runat="server">
                    Code
                </td >
                <td id="des" runat="server" >
                    Description
                </td>
                <td id="Info" runat="server">
                    Delete Insert
                </td>
            </tr>
            <tr>
                <td colspan="3">
                    <asp:GridView CssClass="GridViewStyle"  runat="server"
                        ID="CurrencyGridView"
                        DataKeyNames="CurrCode"
                        AutoGenerateColumns="False"
                        AllowPaging="True"
                        AllowSorting="True"  GridLines="None"
                        PagerSettings-Mode="NextPreviousFirstLast"
                        onrowcancelingedit="CurrencyGridView_RowCancelingEdit"
                        OnRowUpdating="CurrencyGridView_RowUpdating"
                        OnRowDeleting="CurrencyGridView_RowDeleting"
                        OnLoad="Page_Load"
                        OnRowEditing="CurrencyGridView_RowEditing"
                        OnPreRender="CurrencyGridView_Render"
                        DataSourceID="CurrenciesDataSource"
                        ondatabinding="CurrencyGridView_DataBinding"
                        onpageindexchanging="CurrencyGridView_PageIndexChanging">
            <Columns>
                            <asp:TemplateField HeaderText="Sort"   SortExpression="Currcode" >
                                <EditItemTemplate>
                                    <asp:Label ID="Label1" runat="server" Text='<%# Eval("Currcode") %>'></asp:Label>
                                </EditItemTemplate>
                                <ItemTemplate>
                                    <asp:Label ID="Label2" runat="server" Text='<%# Bind("Currcode") %>'></asp:Label>
                                </ItemTemplate>
                                <HeaderStyle  ForeColor="#df5015"  CssClass="HeaderStyle" />
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Sort" SortExpression="description" >
                                <EditItemTemplate>
                                    <asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("description") %>'></asp:TextBox>
                                </EditItemTemplate>
                                <ItemTemplate>
                                    <asp:Label ID="Label1" runat="server" Text='<%# Bind("description") %>'></asp:Label>
                                </ItemTemplate>
                                <HeaderStyle  ForeColor="#df5015"  CssClass="HeaderStyle"/>
                            </asp:TemplateField>
                            <asp:CommandField ShowEditButton="True" ItemStyle-BorderStyle="None"
                                ButtonType="Link" HeaderStyle-BorderStyle="None" ControlStyle-CssClass="GridViewLinkButtonStyle">
                                <HeaderStyle Width="80px"  />
                            </asp:CommandField>
                            <asp:CommandField ShowDeleteButton="True" ItemStyle-BorderStyle="None"
                                ButtonType="Link" HeaderStyle-BorderStyle="None" ControlStyle-CssClass="GridViewLinkButtonStyle">
                                <HeaderStyle Width="80px" />
                            </asp:CommandField>
                        </Columns>
                        <PagerSettings Mode="NextPreviousFirstLast">
                        </PagerSettings>
                        <PagerStyle ForeColor="Orange" CssClass="PagerStyle" />
                    </asp:GridView>
        </td>
            </tr>
        </table>
    </div>
</asp:Content>

protected void CurrencyGridView_RowEditing(object sender, GridViewEditEventArgs e)
    {
        DataControlFieldCollection fields = ((GridView)sender).Columns;
        LiteralControl lc = (LiteralControl)Page.Controls[0].Controls[3].Controls[3].Controls[0];
        HtmlTableRow r = (HtmlTableRow)Page.Controls[0].Controls[3].Controls[3].Controls[1].Controls[0];
        
        foreach (DataControlField fld in fields)
        {
            switch (fld.SortExpression)
            {
                case "Currcode":
                    HtmlTable tb = (HtmlTable)lc.FindControl("BaseTable");
                    HtmlTableCell cel1 = (HtmlTableCell)tb.FindControl("_code");
                    cel1.Width = Convert.ToString(fld.ControlStyle.Width.Value);
                    break; 
                case "description":
                    HtmlTable tb1 = (HtmlTable)lc.FindControl("BaseTable");
                    HtmlTableCell cel2 = (HtmlTableCell)tb1.FindControl("des");
                    cel2.Width = Convert.ToString(fld.ControlStyle.Width.Value);                                      
                    break;
            }
        }
}