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
160,581
Abner
Wilson
226-555-1303
300-555-5701
160,582
Debra
Cruz
300-555-6257
450-555-2417
160,583
Brianna
Davis
437-555-2315
738-555-4537
160,584
Jacob
Clark
358-555-5545
728-555-1560
160,585
Debra
Cruz
387-555-8575
746-555-3380
160,586
Jack
Jones
332-555-3647
555-555-7136
160,587
Matthew
Brown
761-555-6604
402-555-2205
160,588
Christopher
Brown
276-555-4215
272-555-7683