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">&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
>
>

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

Reply via email to