Show/hide column has display <span> tag

[Jignesh]

Hi Paramvir,


I have attached screenshot where I have detailed about issue. Please let me know how to remove/hide span tag.


Thanks,
Cherish Patel

[paramvir]

I understand you have used span tag to add title to the column, html tags in the header cause issue with sorting too, so not recommended.

Please use getCellHeader method in refreshHeader event to add title instead of span tag.

Code: [Select]

refreshHeader: function(){
this.getCellHeader(params...).attr("title", "Description");
}

https://paramquery.com/pro/api#method-getCellHeader

--------------------

In version 7.0, it's much easier to add title with newly introduced attrHead property of column.

Code: [Select]

{
 attrHead: 'title="Description"',
 ..
}

https://paramquery.com/pro/api#option-column-attrHead

[Jignesh]

Hi Paramvire,

I have set discription on tooltip of header column label as attached in previous screenshot. Column Title has display properly. Please read my previous post on same.


Thank you

[paramvir]

By title I meant title attribute of span element which you have used to add tooltip to header cell.

Anyway if you want to keep using span element, please add gridOptions sub-option to menuUI option as below to fix the issue faced by you:

Code: [Select]

menuUI:{
gridOptions:{
columnTemplate:{dataType:'html'}
}
},


[takao.sohara]

Thank you. I was able to solve it safely.