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
4,496
Samuel
Lee
481-555-3300
655-555-8034
4,497
Sarah
Williams
871-555-5336
820-555-8568
4,498
Emily
Fisher
668-555-5430
373-555-2308
4,499
Hailey
Cruz
224-555-1680
716-555-8610
4,500
Samuel
Ortiz
268-555-5762
480-555-2176
4,501
Christopher
Gonzalez
556-555-7241
284-555-3146
4,502
Willie
Baker
643-555-6461
688-555-6730
4,503
Emily
Moore
483-555-8370
483-555-8383