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
3,820,193
Debra
Fisher
468-555-3872
512-555-3734
3,820,194
Jacob
Davis
653-555-4565
323-555-1288
3,820,195
Hailey
Clark
531-555-8015
254-555-3111
3,820,196
Maria
Rose
657-555-4484
501-555-8323
3,820,197
Matthew
Black
442-555-1766
244-555-6845
3,820,198
Douglas
Ortiz
548-555-2622
465-555-3758
3,820,199
Jose
Black
641-555-5174
343-555-5318
3,820,200
Debra
Lee
200-555-6846
482-555-3213