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
714
Jose
Graham
532-555-4373
723-555-3878
715
Abner
Bailey
376-555-5687
841-555-2468
716
Jack
Baker
368-555-8877
275-555-6580
717
Sandra
Hall
213-555-2483
440-555-8106
718
Jacob
Clark
550-555-4306
715-555-1584
719
Abby
Williams
787-555-4288
867-555-1565
720
Douglas
Murray
265-555-3254
254-555-4122
721
Hailey
Moore
528-555-5371
231-555-7341