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
192,015
Willie
Gonzalez
206-555-1031
274-555-6151
192,016
Douglas
Black
702-555-6505
465-555-2673
192,017
Jack
Johnson
403-555-1005
855-555-5410
192,018
Nicholas
Gonzalez
722-555-7787
247-555-8131
192,019
Abner
Smiith
426-555-3883
568-555-7474
192,020
Christopher
Clark
281-555-4027
320-555-6768
192,021
Sandra
Smiith
723-555-2712
400-555-8054
192,022
Kathleen
Gonzalez
407-555-7363
364-555-5514