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
2,779,399
Kathleen
Fisher
238-555-4616
227-555-2512
2,779,400
Jose
Davis
218-555-8855
571-555-8451
2,779,401
Brianna
Cruz
222-555-7205
816-555-6515
2,779,402
Debra
Jones
406-555-6472
782-555-1500
2,779,403
Sarah
Gonzalez
356-555-7714
678-555-1444
2,779,404
Hailey
Graham
263-555-7832
356-555-2332
2,779,405
Brianna
Lee
540-555-8147
263-555-5410
2,779,406
Timothy
Graham
821-555-6681
714-555-3302