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
69,131
Jacob
Rose
478-555-2700
758-555-6277
69,132
Jose
Black
600-555-3254
582-555-2417
69,133
Hailey
Nelson
227-555-4863
660-555-1708
69,134
Sarah
Fisher
626-555-1511
583-555-4326
69,135
Emily
Brown
707-555-1531
847-555-5606
69,136
Pamela
Johnson
323-555-5520
525-555-1734
69,137
Debra
Gonzalez
517-555-3553
603-555-5051
69,138
Gerald
Williams
808-555-8763
250-555-7272