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
103,975
Douglas
Cruz
646-555-8353
420-555-1313
103,976
Linda
Nelson
368-555-4773
855-555-2868
103,977
Hailey
Clark
205-555-4657
724-555-7776
103,978
Joshua
Cruz
287-555-4716
346-555-1641
103,979
Joshua
Graham
770-555-1756
611-555-5463
103,980
Willie
Allen
617-555-8803
864-555-7177
103,981
Willie
Davis
778-555-1424
850-555-1816
103,982
Abby
Brown
701-555-4373
616-555-7781