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
1,173,413
Nicholas
Gomez
203-555-8625
782-555-1054
1,173,414
Maria
Murray
770-555-1711
873-555-8123
1,173,415
Jacob
Cruz
883-555-1326
567-555-8781
1,173,416
Jacob
Baker
508-555-1736
585-555-3140
1,173,417
Samuel
Williams
572-555-2162
402-555-3132
1,173,418
Brianna
Brown
287-555-8747
247-555-7848
1,173,419
Timothy
Lee
448-555-8142
453-555-6416
1,173,420
Samantha
Rose
840-555-3604
223-555-6267