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
41,758
Samantha
Cruz
853-555-7120
530-555-4275
41,759
Virginia
Davis
754-555-7726
741-555-4327
41,760
Linda
Hall
215-555-1178
625-555-2462
41,761
Kathleen
Black
784-555-2585
508-555-3336
41,762
Timothy
Clark
356-555-8717
848-555-8558
41,763
Willie
Clark
308-555-2065
342-555-2407
41,764
Christopher
Cruz
668-555-1872
306-555-4307
41,765
Samantha
Williams
506-555-6232
326-555-6833