• New: Bootstrap 5 styling and example
• New: Add typing file to source repo

Download AutoFill 2.3.6

JS Core

• New: footer option for datatable field type
• Fix: field().update() should return the Field instance as documented
• Fix: Bootstrap 5 better styling for select elements. Thank you Marian for this tip
• Fix: datatable wasn't correctly removing records when updated with field().update().
• Fix: Inline editing for standalone editing threw a Javascript error
• Fix: When wireFormat was used for a datetime input, and no default or value was given, then "Invalid date" would be shown.

.NET

• New: When using compound keys, you can now set the value with Field.SetValue() to allow for server-side computed values, as well as submitting it from the client-side.
• Fix: Formatters could potentially result in an unknown object error if used with a null value
• Fix: Bump System.Text.Encodings.Web

NodeJS

• New: When using compound keys, you can now set the value with Field.setValue() to allow for server-side computed values, as well as submitting it from the client-side.

PHP

• Fix: SQL aliased tables would result in being unable to delete rows

Docs

• Fix - docs: datatable didn't document the editor.field().dt() method

Examples

• Fix: Add create validator for compound key example (PHP, Node, .NET)

Download Editor 2.0.2

Please refer to the 2.0.0 release notes for full details of the changes in Editor 2.

Core

New

• Typescript types included in the build

Fixes

• Add form-check-input class to radio and checkbox input elements for Bootstrap 5.
• createInline button now has a position option which can be used to set if the new row should appear at the end of the table or the start (default).
• Possible error on Ajax submit with certain versions of jQuery

PHP

Updates

• When using compound keys, you can now set the value with Field->setValue() to allow for server-side computed values, as well as submitting it from the client-side.

Download Editor 2.0.1

• Fix: Remove UTF BOM from CSS min files.

Download Select 1.3.3

Download DateTime 1.0.3

• DataTable as an input
• Nested editing
• Inline editing with multiple fields
• Bootstrap 5 support

And of course more - please see the release notes before for full details of the changes.

We've also taken the opertunity to remove legacy features - many of which haven't been relevent since v1.3. They were all previously marked as deprecated in the documentation and have now been removed to keep the library size as slim as possible. Please refer to the "Removed" section below.

Finally, if you use the datetime field type, please note that we have split the date / time input picker into its own library. To use datetime with Editor 2, you must now also include the new DateTime library. This was done to increase reusability of the library - e.g. it is also used in our SearchBuilder extension for DataTables.

Core

New

• JS: Add fields.getFormatter and fields.setFormatter options to provide the ability to transform data inside Editor fields between setting the value, the input element and then reading it back.
• JS: datatable input type which can be used as a replacement for select, radio and checkbox if you'd like to show tabular information to the user. Select2 and the like could also be replaced with this tool.
• JS: Field formatters can accept values via an array - the function name to use (from $.fn.dataTable.Editor.Field.formatters) and then the arguments to pass to the function.
• JS: Allow minDate and maxDate to be given as ISO strings, not just Date objects
• JS: field().enable() and field().show() now accept optional toggle parameters.
• JS: inline() now supported editing multiple fields at the same time! This is done by passing in a selector of all the cells in a row you wish to make editable.
• JS: Editor buttons (create, edit and remove) now support a formOptions parameter which is an optional form-options object to provide control over the form on a per button basis.
• JS: datatable field type which uses a DataTable for user input selection.
• JS: ajax.replacements option which can be used to modify the submission URL based on data being submitted. Updated - JS: In keeping with the style of the new ajax.replacements option, the default id replacement format in Editor's REST URL handling is now {id}. The previous _id_ will still work correctly.
• JS: fields.nullDefault - ability to replace null values with the field's default value on edit.
• JS: Highlighting of newly created rows and edited rows will now work when using server-side processing just as it did when using client-side processing.
• JS: Inline editing now has the ability to display multiple fields at the same time in a row.
• JS: Inline creation of rows is now possible with Editor through the inlineCreate() method.
• JS: Inline editing now supports showing multiple cells at a time!
• JS: Nested editing. This makes it easy to create, edit and delete options from a joined list of options without leaving the form for another page.
• JS: Show an error message in the console if submitting a form that is in the processing state (Editor will cancel the submit and the linked tech note will explain why and how to resolve).
• JS: Support for loading language strings from a JSON file via Ajax, through DataTables' language.url option. Editor will now automatically look for an editor property in the JSON returned and use that as required. Example added showing this.
• JS: The dependent() callback function is now passed the event object that triggered the dependent action.
• Example: Bootstrap 5 support and example
• Examples: Add DataTables field input type examples

Fixes

• CSS: Chrome 83 styling is really ugly
• CSS: Vertical alignment correction for checkbox and radio inputs
• Docs: Documentation could incorrectly refer to $.fn.Editor - it should be $.fn.dataTable.Editor.
• Example: CSV import was not able to reselect the same file twice in a row for import
• Example: Oracle SQL had an error in it
• Example: Improve styling of close icon for the DataTables styling lightbox
• Examples: Inline editing controls now uses FontAwesome to make a more attractive UI
• JS: Empty default when using wireFormat would cause an Invalid time error
• JS: Clicking on scrollbar shouldn't cause modal to hide
• JS: Fix for SearchBuilder memory leak to update when changes made with editor
• JS: Calling remove() with buttons disabled would cause the first field in the form (even although it wasn't visible) to gain focus. If this happened to be a datetime input, the picker would show.
• JS: Clicking the "12" button in a 12 hour time picker would toggle the AM / PM
• JS: Time picker was not displaying correctly with jQuery 3.5
• JS: dependent() would cause an error when url was given as an object
• JS: focus is assigned to the fields in the bubble editor after any "in" animation is complete
• JS: In Chrome 86 a click and drag outside of an inline editing cell would cause an immediate blur.
• JS: In really small windows datetime could trigger a scroll when first displayed, causing it to hide
• JS: In small documents the lightbox would collapse down much smaller than the window might otherwise allow.
• JS: processing information for a field is no longer dependent upon the DOM - it uses an internal state now.
• JS: Remove working around for Chrome 53 error which was causing footer misalignment in Firefox
• JS: Selecting the same file multiple times in a row wouldn't result in a changed event with the upload and uploadMany field types in Chrome
• JS: Semantic UI styling for dropdowns wasn't being applied to select elements
• JS: Remove IE6 zoom hacks

Removed

• ajaxUrl option - replaced by ajax. The ajaxUrl option was the original way for configuring Ajax with Editor, but was superseded by ajax in Editor 1.3. ajaxUrl has been deprecated since then. If you are still using ajaxUrl then you can simply replace it with ajax.
• date field type. This depended upon either the jQuery UI library, or the HTML5 date input type which is poorly supported in browsers and offers little flexibility. The built-in datetime input type should be used instead, which has been available since Editor 1.5. If you require to use the HTML5 date input type use:
• DateTime library has been separated into its own library (DateTime). To use datetime you must now include that library, otherwise an error will be thrown (with a message explaining what is wrong and a link detailing the issue and how to fix it).
• dbTable option. This was deprecated in Editor 1.3 and has not been documented since. It was used to provide a database table name to the server - ajax.data should be used now if you wish to send extra information to the server in Ajax requests.
• fields.dataProp option - fields.data is the direct replacement. The old naming hasn't been used since Editor 1.3, but has been mapped to fields.data if provided.
• Support for the legacy DataTables extension "TableTools" which was replaced by Buttons and Select in 2015.
• HTML5 date input type example
• legacyAjax option. Editor prior to v1.5 used a "flat" data structure when submitting to the server. The support for multi-row editing meant that was no longer suitable and was replaced by a new standard. The old style could be invoked using the legacyAjax option which has now been removed. If you require to still use the legacy for for any reason, the following preSubmit and postSubmit event handlers can be used:

.NET

New

• Support for complex join expressions for left joins

Fixes

• Tidy doc parameters
• Let SearchPanes work on the client side when using editor sourced data

NodeJS

New

• Add support for complex joins using Knex's callback options

Fixes

• Let SearchPanes work on the client side when using editor sourced data
• Empty string date / time values should be given as null to the database

PHP

New

• Support for complex left join expressions.
• Update to use PHPDocumentor for reference docs

Fixes

• Let SearchPanes work on the client side when using editor sourced data
• DB2 connection string simplified
• When using setValue with a compound key, it wasn't possible to read the data from the created row back.
• Remove use of deprecated case_insesitive parameter
• Pass database object to a custom Options function

Download Editor 2.0.0

Other extensions for DataTables will be updated in due course, when it will become available on our download builder.

New

• New: Trigger i18n event when language options have been loaded and processed.

Update

• Update: Bootstrap 5 integration out of preview
• Update: Bootstrap 5 integration - better handling of table-bordered.

Fixes

• Fix: Asc / Desc disabled classes were back to front. Note this requires the sorting images also to be updated if you are using the DataTables stylesheet and disabling sorting direction in one direction.
• Fix: Fixing duplicated sort wrapper in jQuery UI integration.
• Fix - docs: Fix example output

Download DataTables 1.10.24

New

• New: Bulma support and example
• New: Bootstrap 5 support
• New: Add typing file to source repo

Fixes

• Fix: Change check mark from heavy check mark to regular check mark
• Fix: columnVisible was missing when using cells().select() in the select event handler
• Fix: Remove use of deprecated $.trim
• Fix: When rows are deselected via the API, the last user click point should be "forgotten" to allow range select clicking to operate like it does after initialisation.
• Fix: For the preXhr listener, only operate on our host DataTable
• Fix: Missing documentation for select.toggleable()
• Fix: Using select.info() as a getter would fail
• Fix: Alignment of the checkbox for select was wrong in Boostrap 4 and Semantic UI tables
• Fix: Rows were not being deselected when the table was being destroyed
• Fix: Incorrect "margin-top" property under compact mode.

Download Select 1.3.2

Additionally in this release we add support for both Bootstrap 5 and Bulma in Buttons.

• New: Bootstrap 5 support
• New: Bulma support
• New: Expose the data strip function as $.fn.dataTables.Buttons.stripData so it can be called externally
• New: Support for DataTables 2's lengthMenu array containing objects
• Fix: Regex could cause recursion - reverting #176
• Fix - docs: Incorrect description for how to print all regardless of selection
• Remove: Flash support. Flash is officially dead - even Adobe have stopped supporting it. So we are removing it from Buttons.

Download Buttons 1.7.0

Download KeyTable 2.6.1