Right align column with Bootstrap

2Tiny

I noticed that after replacing the default DT style with Bootstrap styling dt-right and dt-nowrap no longer works.

Can't find any information that I should use Bootstrap specific commands for these options to work..

$(document).ready( function () {
  var table = $('#example').DataTable({
    "columnDefs": [
      { className: "dt-right", "targets": [3,5] },
      { className: "dt-nowrap", "targets": [0,1] }
    ]
  });
} );

http://live.datatables.net/rubesuze/1/

allan

Those styles are specific to the DataTables stylesheet.

Bootstrap has its own alignment classes.

Allan

2Tiny

Thank you Allen.

yadiralizama

Hi,
I am using Bootstrap alignment classes and it works fine, except that it aligns headers too and I want to separate header alignment from data alignment.
This is an example http://live.datatables.net/rubesuze/15/embed