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
75,703
Maria
Cruz
701-555-4047
502-555-2034
75,704
Pamela
Brown
543-555-5475
216-555-5168
75,705
Samuel
Graham
717-555-7745
602-555-3787
75,706
Willie
Ortiz
325-555-2246
703-555-8102
75,707
Samuel
Cruz
888-555-8733
346-555-5423
75,708
Emily
Johnson
720-555-5358
860-555-4087
75,709
Hailey
Brown
304-555-1028
577-555-2774
75,710
Joshua
Lee
650-555-1182
625-555-5241