Giving custom classes to each TD for styling - Datatables & jQuery

javascript jquery datatables html-table
eozzy picture eozzy · Apr 1, 2013 · Viewed 80.6k times · Source

I'm using datatables for displaying server-side data in tables.

I can't target and style individual cells (<TD>) though. I search a bit and found it might be possible with:

"fnRowCallback": function( nRow, aData, iDisplayIndex ) {
    ....
}

... but I'm not quite sure how because I have a few table and not all have the same number of columns and rows. I want to give common class to all TDs of a 'column'.

Answer

Lukasz Koziara picture Lukasz Koziara · Apr 3, 2013

You can use sClass parameter in Columns definition. For example, if you have 3 columns and want to pass custom class for second and third column, you can:

"aoColumns": [
    null,
    { "sWidth": "95px", "sClass": "datatables_action" },
    { "sWidth": "45px", "sClass": "datatables_action" }
]

You can check datatables documentation

Related questions

JQuery DataTables Merge Same Row Data

I'm using Jquery DataTables.net. I want to merge duplicate value on data table, example I have: -------------------------------------------- A | 1 | 2 -------------------------------------------- A | 1 | 4 -------------------------------------------- A | 2 | 5 -------------------------------------------- I want them to be like this : --------------------------------------------- | | 2 | 1 |--------- A | | 4 |---------------|--------- | 2 | 5 --------------------------------------------- How can I …

Read More
How to reload/refresh jQuery dataTable?

I am trying to implement functionality whereby clicking a button on the screen will cause my jQuery dataTable to refresh (as the server-side data source may have changed since the dataTable was created). Here's what I have: $(document).ready(function() { $("#…

Read More
TypeError: $(...).DataTable is not a function

I am trying to work with jQuery's Datatable JS for my project from this link. I downloaded the complete library from the same source. All the examples given in the package seem to work fine, but when I try to …

Read More