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,790,278
Jack
Fisher
255-555-7401
770-555-2525
3,790,279
Brianna
Davis
617-555-4175
755-555-5761
3,790,280
Douglas
Gomez
281-555-5054
240-555-7353
3,790,281
Larry
Brown
834-555-5733
535-555-6203
3,790,282
Kathleen
Lee
205-555-4206
226-555-3787
3,790,283
Abner
Gonzalez
716-555-4426
883-555-3447
3,790,284
Emily
Black
723-555-5270
634-555-5064
3,790,285
Jack
Brown
252-555-8268
311-555-6618