I use igGrid with virtualization mode following config
$('#grid').igGrid dataSource: self.dataFileCluster primaryKey: "rowID" dataSourceType: "json" responseDataKey: "results" virtualization: true virtualizationMode: "continuous" avgRowHeight: "30px" height: '600px' autoGenerateColumns: false columns: new_columns width: '100%' defaultColumnWidth: '160px' autoCommit: true scrollSettings: smoothing: true
It work perfect for english data, but gird show only a row for japanese data
I don't know why it happen. Can you investigate it?
Hello Bui Hien,
Thank you for contacting Infragistics Developer Support.
I'm attaching a sample that has igGrid with almost the same configuration you gave me.
I've tested it in IE 11, Chrome 58, Firefox 53, and Microsoft Edge 40.But I haven't been able to reproduce it so far.
Could you please take a look at it?
By the way, could you tell me about your environment the symptom is happening.- OS- Browser - Ignite UI build version (It is like 16.2.20162.XXXX. It is commented in Infragistics.core.js)
Best regards,Tatsushi KiryuDeveloper support EngineerInfragistics
Hi Tatsushi Kiryu
I using Chrome Version 58.0.3029.110 (64-bit) on OS Linux mint 18 mate
I uploaded code to jsfiddle: http://jsfiddle.net/dbL9rhcu/2/
My data contain \n (newline), so I think errors happen. Can you review it?
\n
Thank you for sending me a reproducible sample.
There is no error in your sample, but it seems that some rows have too much height due to their cell values.
So I suggest to apply CSS as follow.
``` tbody td { white-space: nowrap; /* or 'pre' */ }```
I hope you try it.
I'm afraid igGridSummaries doesn't have tooltip functionality.But, if you want to show tooltip for summary cells, you can customize with jQuery UI tooltip.
Here is a sample code.
``` JavaScript$("#grid").igGrid({ width: "100%", height: "600px",
// any other configurations
// initialize jQuery UI tooltip When footerRendered event fires. // http://www.igniteui.com/help/api/2016.2/ui.iggrid#events:footerRendered footerRendered: function (evt, ui) { ui.table.tooltip({ tooltipClass: 'foo', // http://www.igniteui.com/help/api/2016.2/ui.iggridsummaries#theming:ui-iggrid-summaries-footer-text-container items: '.ui-iggrid-summaries-footer-text-container', content: function () { return this.textContent; } }); },
// any other configurations});```
``` CSS .foo { opacity: 1; }```
I hope this will help.
After i apply CSS following guide, problem is resolved. http://jsfiddle.net/dbL9rhcu/3/
But when i use summaries features of grid, content of cell summaries too long and it don't display full content. How i can show tooltip like cell of grid?