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
1,709,310
Nicholas
Black
625-555-5713
514-555-7527
1,709,311
Timothy
Cruz
504-555-8088
330-555-2231
1,709,312
Abby
Graham
768-555-2275
753-555-6473
1,709,313
Abner
Hall
775-555-5504
316-555-1577
1,709,314
Sarah
Nelson
224-555-4032
448-555-7757
1,709,315
Kathleen
Baker
534-555-7005
222-555-5878
1,709,316
Matthew
Hall
882-555-5655
232-555-5377
1,709,317
Hailey
Nelson
773-555-8077
471-555-1151