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
2,049,070
Sandra
Black
772-555-4436
448-555-8635
2,049,071
Keith
Williams
335-555-7125
208-555-3263
2,049,072
Sarah
Wilson
442-555-4136
738-555-4522
2,049,073
Jacob
Lee
787-555-4422
777-555-2436
2,049,074
Hailey
Baker
665-555-5248
706-555-5603
2,049,075
Jack
Fisher
453-555-8820
560-555-3835
2,049,076
Matthew
Allen
370-555-6626
370-555-5341
2,049,077
Gerald
Wilson
366-555-8121
853-555-2807