I'd recommend using a listview and use CSS to lay it out as you
mentioned. A data table is really useful when dealing with columnar
data that needs pagination and sorting.

On Saturday, May 14, 2011, malebu <milton.qura...@gmail.com> wrote:
> http://apache-wicket.1842946.n4.nabble.com/file/n3523546/Screen_shot_2011-05-14_at_9.55.31_PM.png
>
> I need to create a table like the attached image. I am not seasoned in
> wicket. I am not able to analyze where to start. I was able to create a
> DataTable but could not figure out how to get it started.
>
> I get a list of category heads from a table as an object in list i.e.
>
> List<CategoryType> types = db.getCategoryTypes();
>
> I need to iterate through the list and populate the table with empty column
> with vertical line background and empty rows after each category display.
>
> Any help would be really appreciated. I am currently stuck at this.
>
> The code is as follows:
>
> ------------------------------------------------------------------------
> <html xmlns="http://www.w3.org/1999/xhtml";>
> <head>
>
> </head>
>
> <body>
> <table width="100%" border="0" cellspacing="3" cellpadding="0"
> id="category">
>   <tr>
>     <td width="296" align="center">
> Category 1
> </td>
>     <td width="23" rowspan="8" align="center"
> background="images/vertical_line_black.png">&nbsp;</td>
>     <td width="374" align="center">
> Category 3
> </td>
>     <td width="27" rowspan="8" align="center"
> background="images/vertical_line_black.png">&nbsp;</td>
>     <td width="515" align="center">
> Category 5
> </td>
>   </tr>
>   <tr>
>     <td align="center">Sub category 1</td>
>     <td align="center">Sub category 1</td>
>     <td align="center">Sub category 1</td>
>   </tr>
>   <tr>
>     <td align="center">Sub category 2</td>
>     <td align="center">Sub category 2</td>
>     <td align="center">Sub category 2</td>
>   </tr>
>   <tr>
>     <td align="center">&nbsp;</td>
>     <td align="center">&nbsp;</td>
>     <td align="center">&nbsp;</td>
>   </tr>
>   <tr>
>     <td align="center">
> Category 2
> </td>
>     <td align="center">
> Category 4
> </td>
>     <td align="center">
> Category 6
> </td>
>   </tr>
>   <tr>
>     <td align="center">Sub category 1</td>
>     <td align="center">Sub category 1</td>
>     <td align="center">Sub category 1</td>
>   </tr>
>   <tr>
>     <td align="center">Sub category 2</td>
>     <td align="center">Sub category 2</td>
>     <td align="center">Sub category 2</td>
>   </tr>
>   <tr>
>     <td align="center">&nbsp;</td>
>     <td align="center">&nbsp;</td>
>     <td align="center">&nbsp;</td>
>   </tr>
> </table>
> </body>
> </html>
> ---------------------------------------------------------------------
>
> --
> View this message in context: 
> http://apache-wicket.1842946.n4.nabble.com/Create-Datatable-with-empty-columns-and-rows-tp3523546p3523546.html
> Sent from the Users forum mailing list archive at Nabble.com.
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org
> For additional commands, e-mail: users-h...@wicket.apache.org
>
>

---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org
For additional commands, e-mail: users-h...@wicket.apache.org

Reply via email to