The "className" css of my "columns" isn't recover on my fixedHeader

Elfayer

I'm adding css to my classic column headers and it's not copied to the fixedHeader, what can I do about that?

var oTable = $("#table").dataTable({
            "jQueryUI": true,
            "deferRender": true,
            "pagingType": "full_numbers",
            "pageLength": 50,
            "lengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],
            "dom": 'T<"H"ilfr>t<"F"ilp>',
            renderer: "bootstrap",
            "columns": function() {
                return $.map(attributesList, function(attribute) {
                    return {"sTitle": attribute["name"],
                            "className": attribute["css"] // here I add css to my classic header
                    };
                });
            }(),
            "data": function() {

                return $.map(localInstances, function(instance) {
                    var arr = new Array();

                    for (var i in instance.properties) {
                        arr.push(instance.properties[i].values); 
                    }
                    return [arr];
                });
            }()
        });

        var fixedHeader = new FixedHeader(oTable, {
            "offsetTop": 41,
            "zTop": 100
        });

Elfayer

I finally added the css with jQuery after the dataTable is rendered.