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
709,436
Pamela
Gonzalez
822-555-7820
258-555-2110
709,437
Abner
Brown
480-555-1330
550-555-7370
709,438
Joshua
Rose
352-555-4236
683-555-1606
709,439
Keith
Ortiz
604-555-1778
582-555-2585
709,440
Samuel
Allen
446-555-1485
750-555-5334
709,441
Sandra
Jones
215-555-2463
233-555-6344
709,442
Gerald
Rose
775-555-2411
810-555-8680
709,443
Jose
Murray
531-555-7531
226-555-5404