EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: jumple on May 08, 2014, 09:37:17 AM

Title: Tooltip for DataGrid/TreeGrid column header and for the entire data row
Post by: jumple on May 08, 2014, 09:37:17 AM

If columns are created programmatically, not with HTML - how can I add a "title" property for the TH tag or a custom tooltip for a column's header?
Also how can I add a "title" property or a custom tooltip for the entire data row in the grid?

Thanks

Title: Re: Tooltip for DataGrid/TreeGrid column header and for the entire data row
Post by: stworthy on May 08, 2014, 05:45:32 PM

To set a title attribute for a column, wrap a '<span>' with title attribute.

Code:

$('#dg').datagrid({
  columns:[[
    {field:'f1',title:'<span title="tip information">Title1</span>',...}
  ]]
});