Dynamic table not taking 100% height.

See more:

ASP.NET

HTML

Hi all,

I have a server side table in item template of gridview.
I am creating table rows and cells in grid Row DataBound event and adding it to that table.
The problem is that the table height is equal to height of td text. But i want table height to be equal to the height of cell of gridview.


Please help


Source

<asp:TemplateField HeaderText="Load port">
                    <ItemTemplate>
                        <table runat="server" id="tblLoadPort" style="height:100%" >
                        </table>
                    </ItemTemplate>
                    <ItemStyle Width="150px" Height="100%"/>
                    <HeaderStyle VerticalAlign="Middle" HorizontalAlign="Left" Font-Size="Small" />
                </asp:TemplateField>

Code

HtmlTable tblLoadPort = (HtmlTable)e.Row.Cells[6].FindControl("tblLoadPort");
                
               System.Web.UI.HtmlControls.HtmlTableRow Tr = new HtmlTableRow();
                HtmlTableCell Tc = new HtmlTableCell();
                Tc.InnerText ="Some Text";
                if (CargoWiseDetails[e.Row.RowIndex].LoadPort_SOFStatus_Details != null & CargoWiseDetails[e.Row.RowIndex].LoadPort_SOFStatus_Details.Count > 0)
                {
                    Tc.Attributes.Add("class", PresentationUtils.FillLegend(CargoWiseDetails[e.Row.RowIndex].LoadPort_SOFStatus_Details[0].SOFStatus));
                }
                else
                {
                    Tc.Attributes.Add("class", "cssGray");
                }
                Tr.Cells.Add(Tc);                

                tblLoadPort.Rows.Add(Tr);