alternatively GridView can create a 3 column layout easily. -igor
On Sun, May 15, 2011 at 5:05 AM, Clint Checketts <checke...@gmail.com> wrote: > 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"> </td> >> <td width="374" align="center"> >> Category 3 >> </td> >> <td width="27" rowspan="8" align="center" >> background="images/vertical_line_black.png"> </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"> </td> >> <td align="center"> </td> >> <td align="center"> </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"> </td> >> <td align="center"> </td> >> <td align="center"> </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 > > --------------------------------------------------------------------- To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org For additional commands, e-mail: users-h...@wicket.apache.org