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
3,819,604
Brianna
Allen
311-555-6768
584-555-3547
3,819,605
Jack
Allen
414-555-7158
607-555-5813
3,819,606
Christopher
Lee
487-555-5418
801-555-2620
3,819,607
Jacob
Hall
822-555-7421
586-555-3816
3,819,608
Kathleen
Cruz
706-555-6572
857-555-8256
3,819,609
Abner
Gomez
771-555-2548
621-555-7675
3,819,610
Joshua
Jones
247-555-6012
376-555-6114
3,819,611
Emily
Graham
430-555-1714
802-555-2275