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
480,501
Linda
Lee
777-555-1864
472-555-7263
480,502
Douglas
Baker
673-555-2833
618-555-2383
480,503
Sandra
Lee
535-555-1728
778-555-2185
480,504
Willie
Bailey
631-555-3333
624-555-6760
480,505
Jack
Gomez
222-555-2522
376-555-1573
480,506
Debra
Ortiz
547-555-3126
226-555-5084
480,507
Christopher
Graham
574-555-4168
221-555-1078
480,508
Abner
Rose
256-555-4824
756-555-3377