http://ideas.infragistics.com.

There are many benefits to submitting a product idea:

- Direct communication with our product management team regarding your product idea.
- Notifications whenever new information regarding your idea becomes available.
- Ability to vote on your favorite product ideas to let us know which ones are the most important to you. You will have ten votes for this and can change which ideas you are voting for at any time.
- Allow you to shape the future of our products by requesting new controls and products altogether.
- You and other developers can discuss existing product ideas with members of our Product Management team.

Steps to create your idea:

1. Log into the Infragistics Product Idea site at http://ideas.infragistics.com (creating a new login if needed).
2. Navigate to the product / platform channel of your choice (e.g. WPF, Windows Forms, ASP.NET, HTML5 / Ignite UI, iOS / NucliOS, etc.)
3. Add your product idea and be sure to be specific and provide as much detail as possible. Explain the context in which a feature would be used, why it is needed, why it can’t be accomplished today, and who would benefit from it. You can even add screenshots to build a stronger case. Remember that for your suggestion to be successful, you need other members of the community to vote for it. Be convincing!

The Product Idea site puts you in the driver’s seat and allows you to track the progress of your ideas at any time, see how many votes it got, read comments from other developers in the community, and see if someone from the product team has additional questions for you.

So, the other approach would be to use the igDataChart and use its tool tip mechanism, if you think that it can serve your purpose and maybe alter the default style using theming or some options alternations.

I will be more than happy if you can share your feedback on our product ideas site.

Thank you in advance!

You can do this by using the dataRendered event

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

dataRendered: function (evt, ui) {					
	var columnKeys = $grid.igGrid('option', 'columns').map(function (item) {
		return item.key;
	});

	for (var i = 0; i < columnKeys.length; i++) {
		if(isColumnEmpty(columnKeys[i])) {
			$grid.igGrid('hideColumn', columnKeys[i]);
		} else {
			$grid.igGrid('showColumn', columnKeys[i]);
		}
	}
}

To check if a columns is empty you can get allRows using the allRows method and iterating of each columns cells and get their text by using the getCellText method.

!Note if a cell is empty in the grid it is being set to   which is not the default white space character. This is specific for the igGrid.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

function isColumnEmpty(columnKey) {
	var rows = $grid.igGrid('allRows');

	for (var i = 0; i < rows.length; i++) {
		var cellText = $grid.igGrid('getCellText', i, columnKey);

		if (cellText.length == 1 && cellText.charCodeAt(0) == 160) {
			return true;
		}
	}

	return false;
}

Please review the attached sample and let me know if you have any questions.