This is a rewrite of the AJAX data table example from Wicket. We demonstrate here how we can deviate from the default settings by using a BindingInterceptor in the page. Also we show how the order of the generated table columns and visibility of columns can be manipulated by the @ColumnOrder annotation. The removeFrom utility method is also demonstrated for how to remove elements in the parent model via adding a button to the table. The multiselection behavior is fully driven by the model class.

This is a demo of the DataTable (DataView wrapper). Provided features:

  • Easy ordering and selection of columns
  • Takes care of sorting headers automatically
  • Takes care of page navigator automatically
  • Takes care of adding class="odd" and class="even" to table rows
  • Adds a navigator message (see BindingInterceptor in page which enables it)
Contacts
Id First Name Last Name Home Phone Cell Phone Remove
7,255,055
Samuel
Rose
615-555-7487
715-555-2242
7,255,056
Christopher
Davis
263-555-7361
816-555-5063
7,255,057
Emily
Black
232-555-5583
314-555-5058
7,255,058
Gerald
Nelson
222-555-2172
217-555-1184
7,255,059
Pamela
Graham
308-555-7333
406-555-7164
7,255,060
Maria
Baker
716-555-3455
542-555-6662
7,255,061
Abby
Baker
540-555-1130
355-555-1731
7,255,062
Jack
Davis
867-555-1102
437-555-7165