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,478,878
Gerald
Davis
384-555-1025
388-555-6177
3,478,879
Abner
Gonzalez
250-555-8518
788-555-3752
3,478,880
Sandra
Baker
437-555-5411
572-555-7217
3,478,881
Matthew
Lee
856-555-8138
638-555-2237
3,478,882
Michael
Davis
458-555-6463
203-555-4757
3,478,883
Abby
Allen
852-555-4837
330-555-6522
3,478,884
Christopher
Gomez
762-555-4214
231-555-4623
3,478,885
Gerald
Gomez
631-555-8167
817-555-2875