Question

I am using Wicket (6.4.0 but it has been happening since we were using 1.4) to generate dynamically sized tables using wicket’s ListView component (I have also experienced this with DataView and others). Ocassionally the table will display with an extra cell that bumps the other cells out of the correct column, but just for one row! It is hard to explain so please see the image below:

The generated html doesn’t show any extra td elements being generated.
Does anyone know what is causing this, or even better how to avoid it?

EDIT:
This issue was caused by an IE9 & IE10 bug that balks at spaces between </td> and the next <td> so I changed:

     <table>
       <tr>
         <td wicket:id="..."/>
         <td wicket:id="..."/>
       </tr>
     <table>

to:

     <table>
       <tr>
         <td wicket:id="...">
         </td><td wicket:id="..."/>
       </tr>
     <table>

and the mystery cells stopped appearing!

Answer 1

I’ve seen similar “artifacts” when divs or spans, etc got into the table -> tr -> td hierarchy. Make sure you don’t have any such tags between these three tags, use setRenderBodyOnly(true) on your listitems if the ListView is added to a div or span tag.