Since: DataTables 1.10.3

Get rendered data for a collection of cells.


DataTables has the ability to use orthogonal data - i.e. different data for the same cell, depending on the operation being performed. A typical example of this is date / time data being used in numeric format (i.e. a timestamp) for sorting, but a complex formatted form for display.

The cells().data() method provides access to the underlying raw data, while this method provides access to the rendered data for each type. It is provided to allow plug-in authors access to the orthogonal data available in the table.

Note that calling this method will evaluate the renderer for the cell, rather than reading the information from cache (see cells().cache() to read from cache and cells().invalidate() to clear cache).


function cells().render( type )


Get rendered data for the selected cells


DataTables API instance with the data for each selected cell in the result set


Get the display information for the cells in a row clicked on:

var table = $('#example').DataTable();

$('#example').on( 'click', 'tbody td', function () {
	var idx = table.cell( this ).index().row;
	var data = table.cells( idx, '' ).render( 'display' );

	console.log( data );
} );


The following options are directly related and may also be useful in your application development.