Blog

On the DataTables blog you will find news, announcements and tutorials about DataTables and its suite of extensions.

Latest posts

8th Jan 2025

By Allan Jardine -

Editor 2.4 and DataTables 2.2

It is always nice to start the New Year with some freshly baked software, so I'm delighted to announce the release of Editor 2.4 and DataTables 2.2. Both are iterative releases, building on the solid foundations of each and introducing new features to make both the development of software with them and the end user use of the software, even more present and flexible.

Editor 2.2 adds two new field types: autocomplete and tags, as well as improved ES module support:

Meanwhile, DataTables 2.2 adds automatic column resizing when the container width changes, improved state saving, ordering for diacritics in columns with HTML content, and more:

Read on for more details of these releases!

20th Sep 2024

By Allan Jardine -

Address auto-complete with Editor

When building data input forms with Editor, there are various ways in which a developer can make the end user's life a lot easier - clean, concise, and clear forms are one of Editor's strengths, but you can also make data entry easier for the end user using lookups and auto-completion. There is a good chance that you'll have come across an address auto complete when signing up for services or shipping items on the internet - this article will do a deep dive on how we can do that in Editor.

To start, let's skip straight to a working example so you can see what we are going to build - below is a table with three made up addresses. It is fully editable per a regular DataTable with Editor (local editing in this case - no backend database for this example). The part that is of interest in this blog post is if you create a new record or edit an existing one - the second field isn't a data field, rather it is an input that lets the user start to type an address, which will then be looked up using the excellent Geoapify API. A list of options are presented to the end user (you in this case!), refined as they continue to type, and lets them click on one to auto-complete the fields in the form.

Name	House	Street	City	State	Postcode	Country
Airi Satou	The Ivies	Glebe Close	London	London	NW11 9TU	United Kingdom
Hope Fuentes	392	Maple Street	Los Angeles	California	90017	United States
Serge Baldwin	28	Chemin Du Lavarin Sud	Caen	Basse-Normandie	14000	France

21st Aug 2024

By Allan Jardine -

DataTables React component

This is long overdue - it turns out React isn't just some passing fad (who knew! </sarcasm>), so it is with a degree of relief mixed with the usual pleasure of announcing new software that with this post I am introducing a React component for DataTables.

The new DataTables component for React is basically a wrapper around the existing DataTables library, exposing it in a way that will be immediately familiar to those who are used to working with React, while still making all of DataTables features available.

This post will discuss how to install and use the new component to get the benefits and use of DataTables in your React application. There are also a number of examples (such as this simple use case) presented so you can try the component out live.