View Full Version : tooltip in a grid

10 Aug 2010, 1:01 AM
Hey guys,

I have a grid which is loaded from a store. I want to add a tooltip to show all the content from a cell. How can I do it??

I dont know where to start...


12 Aug 2010, 9:24 AM
may be it would be better to use RowExpander extension!?

12 Aug 2010, 9:37 AM
Use a DataTip

13 Aug 2010, 11:45 AM
I used a simple renderer to display the contents of a 'description' field in the grid's datastore:

function renderRoleQuickTip(value, metaData, record, rowIndex, colIndex, store) {
metaData.attr = 'ext:qtip="' + record.get('description') + '"';
return value;

var gridAssignedRoles = new Ext.grid.GridPanel({
columns: [
{header: 'Assigned Roles', width: 200, dataIndex: 'role', renderer: renderRoleQuickTip},
{header: 'Role ID', width: 40, dataIndex: 'roleId', hidden: true},
{header: 'Sort Order', width: 40, dataIndex: 'sortOrder', hidden: true},
{header: 'Top Level', width: 40, dataIndex: 'topLevel', hidden: true},
{header: 'Description', width: 40, dataIndex: 'description', hidden: true}