How to Create Html Table & Row & Column in Asp.Net

Html Table  Rows& Columns




First  - Add New WebForm -  Go to - the Design Source Page -  Write the Coding Below like that






Go to - Design page - Table & Row wise show   

tr- table Row
td-table Column






Html Coding


<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
</head>
<body style="height: 161px">
    <form id="form1" runat="server">
    <div>
  <table>
      <tr><td></td><td></td></tr>
      <tr><td></td><td></td></tr>
      <tr><td></td><td></td></tr>
      <tr><td></td><td></td></tr>
      <tr><td></td><td></td></tr>
  </table>
    </div>
    </form>
</body>
</html>




    Next  - Add the label & textbox  - Colspan="2" is  2 column merge .


Html Coding


<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
</head>
<body style="height: 161px">
    <form id="form1" runat="server">
    <div>
    <table>
        <tr><td>
            <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
            </td><td>
                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            </td></tr>
        <tr><td>&nbsp;&nbsp;<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
            </td><td>
                <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
            </td></tr>
        <tr><td colspan ="2">
            <asp:Button ID="Button1" runat="server" Text="Button" />
</td></tr>
    </table>
    </div>
    </form>
</body>
</html>







0 comments:

Post a Comment