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
656,333
Brianna
Bailey
544-555-3344
338-555-4822
656,334
Emily
Allen
364-555-8363
541-555-1178
656,335
Joshua
Cruz
710-555-1801
400-555-1714
656,336
Joshua
Graham
354-555-6463
841-555-7341
656,337
Sarah
Brown
682-555-8752
722-555-5383
656,338
Sarah
Ortiz
750-555-1380
466-555-7644
656,339
Virginia
Jones
360-555-2017
541-555-7521
656,340
Abner
Wilson
434-555-5333
314-555-6101