Posted 15 September 2019, 5:36 pm EST
Hi,
How to get the tooltip for a cell if the content in the cell is not fitting?
Thanks.
Forums Home / Spread / DataViewsJS
Posted by: nchalla on 15 September 2019, 5:36 pm EST
Posted 15 September 2019, 5:36 pm EST
Hi,
How to get the tooltip for a cell if the content in the cell is not fitting?
Thanks.
Posted 16 September 2019, 5:51 pm EST
Hi,
For displaying tooltips, you could use the column presenter feature to set the title attribute for the cell which in turn would display the tooltip. Please refer to the following code snippet, For reference, I’ve also attached the sample implementing the same
var cols = [
{
id: 'title',
caption: 'Title',
dataField: 'title',
presenter: '<div title="{{=it.title}}">{{=it.title}}</div>'
},
...otherColumns
];
var dataView = new GC.DataViews.DataView(document.getElementById('grid'), data, cols, new GC.DataViews.GridLayout());
You could also refer to the following sample demonstrating the use of column presenters:
https://www.grapecity.com/dataviewsjs/demos/Features/Columns/ColumnPresenters/purejs
Regards
Sharad
Features_Columns_ColumnPresenters.zip