Preamble

AutoFill gives an Excel like option to a DataTable to click and drag over multiple cells, filling in information over the selected cells and incrementing numbers as needed.

Thanks to Phoniax AS for their sponsorship of this plug-in for DataTables.

Live example

Show 102550100 entries

Search:

Rendering engine	Browser	Platform(s)	Engine version	CSS grade
Rendering engine	Browser	Platform(s)	Engine version	CSS grade
Gecko	Firefox 1.5	Win 98+ / OSX.2+	1.8	A
Gecko	Firefox 2.0	Win 98+ / OSX.2+	1.8	A
Gecko	Firefox 3.0	Win 2k+ / OSX.3+	1.9	A
Gecko	Camino 1.0	OSX.2+	1.8	A
Gecko	Camino 1.5	OSX.3+	1.8	A
Gecko	Netscape 7.2	Win 95+ / Mac OS 8.6-9.2	1.7	A
Gecko	Netscape Browser 8	Win 98SE+	1.7	A
Gecko	Netscape Navigator 9	Win 98+ / OSX.2+	1.8	A
Gecko	Mozilla 1.0	Win 95+ / OSX.1+	1	A
Gecko	Mozilla 1.1	Win 95+ / OSX.1+	1.1	A

Showing 1 to 10 of 57 entries

PreviousNext

Examples

• Basic initialisation
• Selecting which columns to provide AutoFill on
• Scrolling a DataTable using fill
• Using with input elements
• Customisation using callback functions

Initialisation code

$(document).ready( function () {
	var oTable = $('#example').dataTable();
	new AutoFill( oTable );