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.className option.

Listando registros

Pesquisa:

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

Showing 0 to 0 of 0 entries

AnteriorPróximo

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": "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

Display-types

Column-control

Child rows

Styling