Creating Multiline Header Table using JSF in the NetBeans IDE 6.0

Hi All,

Before we get into the steps , here is a bit of info.

1) At this time, Creating Multiple Header/Footer Rows cannot be done by setting some property etc for the table component in the IDE (i.e cannot be done visually). It requires manual tweaking with the JSP/JSF code of the page.
2) Also once the tweaks are made the table does not render in the design view of the IDE. You have to deploy and run the application to see the results.
3) There are limitations to the type of headers you can create/what tags attributes you can use etc, see http://webdev2.sun.com/woodstock-tlddocs/webuijsf/tableColumn.html  for details. 


Here are the steps to create a Multiple Row Header for a Table.

To do this you need to use "Nested <webuijsf:tableColumn> tags".

Step 1) Create a new Visual Web application in the IDE.

2) Open the Page1.jsp in the Visual designer (IDE should do this automatically).

3) Switch to the jsp view of Page1.

4) Copy paste the following code (which defines the Mutiple Row header table) between the <webuijsf:form binding="#{Page1.form1}" id="form1"> &  </webuijsf:form> tags. (i.e Between the Form start and end tags).

5) Then Build and Run your app to see the Table displayed in your browser.

 

 




I have provided 2 Sample Table codes to illustrate how this works. The 1st one shows 2 Header Rows, The 2nd has 3 Header Rows.

Table 1 Code :

 

Below is the screenshot of the table this code creates.

 

Table 2 Code :

 Below is the screenshot of the table this code creates.

 

 

Comments:

Post a Comment:
  • HTML Syntax: NOT allowed
About

A blog for NetBeans users maintained by NetBeans Support team. For professional support, please check out Support Resources.

Search

Archives
« April 2014
SunMonTueWedThuFriSat
  
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
   
       
Today