Responsive example Assigned class control

This example exactly matches the functionality of the class control example but in this case the classes are assigned using the columns.classNameDT option.

Show entries

Search:

Name	Position	Office	Age	Start date	Salary	Extn.
Name	Position	Office	Age	Start date	Salary	Extn.
Loading...

Showing 0 to 0 of 0 entries

PreviousNext

Javascript
HTML
CSS
Ajax
Server-side script

The Javascript shown below is used to initialise the table shown in this example:

$(document).ready(function() {
    $('#example').DataTable( {
        "ajax": "../../../../examples/ajax/data/objects.txt",
        "columns": [
            { "data": "name",       className: "all" },
            { "data": "position",   className: "min-phone-l" },
            { "data": "office",     className: "min-tablet" },
            { "data": "extn",       className: "min-tablet" },
            { "data": "start_date", className: "never" },
            { "data": "salary",     className: "desktop" },
            { "data": "extn",       className: "none" }
        ]
    } );
} );

In addition to the above code, the following Javascript library files are loaded for use in this example:

Responsive example Assigned class control

Other examples

Basic initialisation

Styling

Display control

Child rows