Generator

Generator for DataTables Editor provides a quick and easy method to construct everything you need to use Editor on your own site. Generator will build a customised package for you that you can upload to your server and start using Editor almost immediately with a minimum of configuration. You can also build an editable table online to test out your configuration.

Note that Generator is not designed to present all of the options that are available in DataTables Editor - it is a quick start tool only! To get the most out of Editor working with the API and initialisation options is required.

Styling and software

DataTables
DataTables, Buttons, DateTime, Editor, Select, Moment

Server and database

Form / table

Title
Type
+

Action

View:

Once you have downloaded the generated package, you will need to complete the database connection parameters so it can actually communicate with your database. For details on how to use Generator, please refer to the Generator manual page.

Don't forget that Generator is just a quick start tool to get going with Editor only! Generator does not provide access to the full set of features that Editor has available. Complex forms and additional options can be set up and accessed through the API and initialisation options when you wish to customise Editor beyond options given in Generator.

×

Software selector

DataTables and its extensions provide a wide range of options and features that can be used to enhance your table. Selecting the files that you want to include on your page can be a little complex, so Generator provides the ability to select the software you want using the options below. At a minimum DataTables and Editor should be included. You will likely want to also include Select and Buttons and possibly a styling library.

Step 1. Choose styling

v3.0.0
DataTables
DataTables default styling. Simple, clean and modern.
v3.3.7
Bootstrap 3
Legacy version of Bootstrap - useful if you need to support old browsers.
v4.6.0
Bootstrap 4
v4 of possibly the world's most widely used styling library.
v5.3.8
Bootstrap 5
The latest iteration of the ever popular Bootstrap framework.
v1.0.4
Bulma
Modern CSS framework based on Flexbox.
v6.4.3
Foundation
A modern responsive styling framework.
v1.13.2
jQuery UI
A collection of Javascript widgets as well as a styling framework.
v2.8.8
Fomantic UI
Treats words and classes as exchangeable concepts.

Step 2. Select packages

DataTables core

v3.0.0
DataTables
Enhance HTML tables with advanced interaction controls.

Extensions (Select all)

v3.0.0
AutoFill
Excel-like click and drag copying and filling of data.
v4.0.0
Buttons
A common framework for user interaction buttons in DataTables.
v1.0.0
CardView Plus
Card view with custom templates for DataTables.
v3.0.0
ColReorder
Click-and-drag column reordering.
v2.0.0
ColumnControl
Column specific buttons and search controls.
v2.0.0
DateTime
Date and time picker used in DataTables extensions.
v3.0.0
Editor Plus
Add full editing controls to your DataTables.
v6.0.0
FixedColumns
Fix one or more columns to the left or right of a scrolling table.
v5.0.0
FixedHeader
Sticky header and / or footer for the table.
v3.0.0
KeyTable
Keyboard navigation of cells in a table, just like a spreadsheet.
v4.0.0
Responsive
Dynamically show and hide columns based on the browser size.
v2.0.0
RowGroup
Show similar data grouped together by a custom data point.
v2.0.0
RowReorder
Click-and-drag reordering of rows.
v3.0.0
Scroller
Virtual rendering of a scrolling table for large data sets.
v2.0.0
SearchBuilder
User defined complex search builder.
v4.0.0
Select
Adds row, column and cell selection abilities to a table.

Components

v1.0.2
React component
React component for DataTables
v3.0.7
Vue component
A Vue component for DataTables

Third party libraries

style-r
Don't select if you already have _STYLE_ on your page.
v2.29.4
Moment
Date and time library for ordering and formatting dates.
v3.10.1
JSZip
Required for the Excel HTML5 export button.
v0.2.7
pdfmake
Required for the PDF HTML5 export button.