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.
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?
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.