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
759,222
Debra
Cruz
547-555-4848
284-555-7087
759,223
Samuel
Gomez
702-555-8221
248-555-6374
759,224
Samantha
Graham
665-555-8744
485-555-4732
759,225
Hailey
Graham
744-555-5461
878-555-3724
759,226
Emily
Smiith
403-555-3283
622-555-1818
759,227
Hailey
Johnson
622-555-5548
543-555-6700
759,228
Willie
Moore
228-555-4336
572-555-7652
759,229
Samantha
Williams
873-555-4037
332-555-6765