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,487,062
Hailey
Davis
605-555-8664
841-555-5280
3,487,063
Maria
Ortiz
488-555-8367
254-555-7180
3,487,064
Samuel
Rose
648-555-3706
352-555-1771
3,487,065
Nicholas
Donahue
605-555-5083
275-555-4172
3,487,066
Timothy
Cruz
202-555-1061
431-555-4815
3,487,067
Abby
Davis
556-555-2737
710-555-2458
3,487,068
Michael
Murray
411-555-2861
723-555-5126
3,487,069
Nicholas
Hall
750-555-6767
356-555-6515