Solved

How to create tables in ASP.Net c#

Posted on 2008-06-12
7
578 Views
Last Modified: 2013-11-26
I am trying to create tables using the ASP.Net format but im having few problems. How do I create columns in the table, how do i shade the background colour of a cell etc...

Its not as simple as using HTML normal tag tables. Any help will be appreciated.

Thanks,

introlux
<asp:Table id="tbl_ProCom" runat="server"
    Caption="Project Commissioning Form"
    HorizontalAlign="Center"
    GridLines="Both"
    Width="192px">
        <asp:TableRow ID="tblProData" runat="server" HorizontalAlign="Left">
                <asp:TableCell ID="ProData1" runat="server" HorizontalAlign="Left" Wrap="False">
                    <b>Project Details</b>
                </asp:TableCell>
        </asp:TableRow>
        
        <asp:TableRow ID="tblProData2" runat="server" HorizontalAlign="Left">
                <asp:TableCell ID="TableCell1" runat="server" HorizontalAlign="Left" Wrap="False">
                <b>Project ID:</b>
                <b><asp:TextBox id="txtProID" runat="server" /></b>
                </asp:TableCell>
        </asp:TableRow>
        
        <asp:TableRow ID="TableRow2" runat="server" HorizontalAlign="Left">
                <asp:TableCell ID="TableCell2" runat="server" HorizontalAlign="Left" Wrap="False">
                <b>Project Name</b>
                <b><asp:TextBox id="txtProName" runat="server" /></b>
                </asp:TableCell>
                
        </asp:TableRow>
                <asp:TableRow ID="TableRow3" runat="server" HorizontalAlign="Left">
                <asp:TableCell ID="TableCell3" runat="server" HorizontalAlign="Left" Wrap="False">
                <b>ICD/IDF</b>
                <b><asp:TextBox id="txtICD_IDF" runat="server" /></b>
                </asp:TableCell>
        </asp:TableRow>
        
        <asp:TableRow ID="ProData2" runat="server" HorizontalAlign="Left">
                <asp:TableCell ID="TableCell4" runat="server" HorizontalAlign="Left" Wrap="False">
                <b>Project Type</b>
                <b><asp:TextBox id="TextBox1" runat="server" /></b>
                </asp:TableCell>
        </asp:TableRow>         
</asp:Table>

Open in new window

0
Comment
Question by:introlux
  • 3
  • 3
7 Comments
 
LVL 48

Expert Comment

by:jpaulino
ID: 21767439
You can do like this:

 <asp:TableRow TableSection="TableHeader" BackColor="Pink">
            <asp:TableCell Text="Header" ColumnSpan="3" />
  </asp:TableRow>

Check this MSDN example: http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.tablerow.tablesection.aspx
0
 

Author Comment

by:introlux
ID: 21767570
Great info!

The only thing im stuck about is how I will be changing text colour, expanding row width so that the background colour can be equal length going downwards.

And also, is it possible to put validation into text boxes that are in the table??? (i.e. you have to enter text in this field, wrong data entered etc..)
0
 
LVL 3

Accepted Solution

by:
Masoudgh earned 500 total points
ID: 21768275
Use "ForeColor" attribute to change text's color.
        <asp:TableRow ForeColor="#FF00FF" ID="tblProData" runat="server" HorizontalAlign="Left">
                <asp:TableCell ID="ProData1" runat="server" HorizontalAlign="Left" Wrap="False">
                    <b>Project Details</b>
                </asp:TableCell>
        </asp:TableRow>

for validating your controls, use "Validation Controls" in Toolbox. For example use "RegularExpressionValidator" or "RequiredFieldValidator".
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Closing Comment

by:introlux
ID: 31466465
thanks
0
 
LVL 48

Expert Comment

by:jpaulino
ID: 21768638
Well I have showed you the backcolor and I didn't had time to post back ...

0
 

Author Comment

by:introlux
ID: 21768685
Thats true, how do i share the points?? I have only been a member of this forum for a few weeks. I will ammend this if possible. As you deserve at least half. sorry once again.
0
 
LVL 48

Expert Comment

by:jpaulino
ID: 21768748
No problem ... you will give next time :)
0

Featured Post

MIM Survival Guide for Service Desk Managers

Major incidents can send mastered service desk processes into disorder. Systems and tools produce the data needed to resolve these incidents, but your challenge is getting that information to the right people fast. Check out the Survival Guide and begin bringing order to chaos.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

763 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question