change column name on the fly

hardlick

how can i change the column name on the fly.
$(rpta).each(function(){
olisttable.fnAddData( [
""+ this.prvid +"",
this.prvtype,
""+this.prvlname + ", " +this.prvfname+"",
this.addrzip,
this.prvpracname,
this.address
]);
when return the data from json, how can i change the column name too?

allan

Hi hardlick,

There isn't a built-in method to change the column name on-the-fly. What you will need to do is simply take the data from your JSON return and then use standard DOM methods to update the column titles as you require.

Regards,
Allan

hardlick

so, i can edit the column name how via json?, example:



ID
Specialist Type
Name
ZipCode
Specialist
Practice Address






$("#ides").text('new column name');
$("#esp").text('new column name2');

with this way?

allan

Yup - exactly like that (although document.getElementById('ides').innerHTML = "new column name"; is quicker ;-) ).

DataTables doesn't really care what the title of the column is, so you can change it as you wish.

Regards,
Allan

hardlick

ahhh ok, thanks a lot!, ;)

bilbodigi

Don't forget to add the sort icon.

document.getElementById('visitsThisPeriodText').innerHTML = 'New text';