className or class

lyndonwil

In my project, when using columnDefs, i have been using class as opposed to className (https://datatables.net/reference/option/columns.className)

Is there any reason i should use className rather than class ?

{ "class": "searchDropdown center", "searchable": true, "targets": [5]},

or

{ "className": "searchDropdown center", "searchable": true, "targets": [5]},

Using className does cause an issue when running the following code in INITCOMPLETE, as it can't find the class

 (var colClassname = currentColumn.class;)

"initComplete": function(settings, json) {
            
            if (fSearchRows==true){
             
                $.each( settings.aoColumns, function( indexColumn, currentColumn ) {
                    columnTh = $( ".searchRow th:nth-child(" + (indexColumn+1)+ ")");
                    
                    var colClassname = currentColumn.class;
                    
                    if (typeof colClassname !== "undefined")
                    {
                    
                        if (colClassname.indexOf("searchDropdown") >=0){
                            
                            // Loop Drop Down Search Information
                            for(var key in fdropDownSearchCols) {
                                 if(indexColumn==key){
                                     var optionHtml= createOption(fdropDownSearchCols[key], indexColumn, columnTh);
                                 }
                            }
                        }
                    }
                
                });
                
                table.draw();
            }   
        },

allan

Is there any reason i should use className rather than class ?

Yes, class is a reserved word in Javascript. Some (not all!) Javascript engines will throw an error if they see something like:

{ class: "..." }

They would be perfectly fine if it were quoted JSON style, but not the above (Safari in particular I'm thinking of - although it has been a little while since I've used Safari, so it might have changed).

That class is available as the class name setting in DataTables is purely due to the automated Hungarian notation compatibility - i.e. sClass becomes class.

I would recommend className for compatibility and also consistency (it is what I will be using in all other extensions here on in).

Allan

lyndonwil

That makes sense

I had some old code in the function which still referred to class as opposed to className
var colClassname = currentColumn.className;

working perfectly now with className

Thanks