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
18,756
Jack
Allen
272-555-6783
613-555-1284
18,757
Jose
Johnson
307-555-2534
845-555-8410
18,758
Brianna
Williams
555-555-4785
871-555-8888
18,759
Sarah
Ortiz
347-555-4228
276-555-4868
18,760
Abby
Johnson
640-555-4362
614-555-1750
18,761
Maria
Black
635-555-4450
613-555-3438
18,762
Sarah
Smiith
837-555-8804
543-555-4578
18,763
Gerald
Gomez
486-555-3240
837-555-3211