Since: Editor 1.0

Use a jQuery UI Modal to display the main editing form.
Please note - this property requires the Editor extension for DataTables.

The full Editor reference documentation is available to registered users of Editor - the information shown below is a summary only. If you already have an Editor license please , alternatively an Editor license can be purchased on this site, or sign up for the free trial.


If you are using DataTables and Editor in a jQuery UI styled site, you will likely wish to use the jQuery UI dialog to display your editing form in so it fits in seamlessly with the rest of your site.

The jqueryui display controller is included in Editor's jQuery UI integration files and it will automatically set the display option's default value to be jqueryui (so you don't need to specify it explicitly).


jQuery UI's modal library has the ability to be customised by its extensive list of options. These options can be specified for the modal used by Editor through the $.fn.dataTable.Editor.display.jqueryui.modalOptions object.

The default value for this object is:

$.fn.dataTable.Editor.display.jqueryui.modalOptions = {
    width: 600,
    modal: true