igGrid scroll bar not showing in Chrome...
IE :
Same site/code in Chrome:
the grid defined on the following:
<div id="uoaGridContainer2">
<table id="uoaAuditGrid"></table>
</div>
In IE11 the relevant source looks like:
<div id="uoaGridContainer2"><div tabindex="0" class="ui-widget ui-helper-clearfix ui-corner-all ui-iggrid" id="uoaAuditGrid_container" style="width: 100%; height: 100%;"><div class="ui-widget-header ui-helper-reset" style="overflow: hidden; white-space: nowrap; position: relative;"><table class="ui-iggrid-headertable" id="uoaAuditGrid_headers" style="padding-right: 17px;" border="0" cellspacing="0" cellpadding="0"><colgroup><col style="width: 25%;"><col style="width: 25%;"><col style="width: 25%;"><col style="width: 25%;"></colgroup><thead><tr data-header-row=""><th class="ui-iggrid-header ui-widget-header" id="uoaAuditGrid_Name"><span class="ui-iggrid-headertext">Unit of Account Name</span></th><th class="ui-iggrid-header ui-widget-header" id="uoaAuditGrid_Description"><span class="ui-iggrid-headertext">Description</span></th><th class="ui-iggrid-header ui-widget-header" id="uoaAuditGrid_uoaBenefitYear"><span class="ui-iggrid-headertext">Benefit Year</span></th><th class="ui-iggrid-header ui-widget-header" id="uoaAuditGrid_AuditName"><span class="ui-iggrid-headertext">Audit Name</span></th></tr></thead></table></div><div class="ui-iggrid-scrolldiv ui-widget-content" id="uoaAuditGrid_scroll" style="height: 341px; -ms-overflow-x: hidden; -ms-overflow-y: auto; -ms-touch-action: none;" data-scroll="true" data-onedirection="true" data-xscroller="#uoaAuditGrid_hscroller">
in Chrome relevant source :
<div id="uoaGridContainer2"><div id="uoaAuditGrid_container" tabindex="0" class="ui-widget ui-helper-clearfix ui-corner-all ui-iggrid" style="width: 100%; height: 100%;"><div class="ui-widget-header ui-helper-reset" style="overflow: hidden; position: relative; white-space: nowrap;"><table id="uoaAuditGrid_headers" class="ui-iggrid-headertable" cellpadding="0" cellspacing="0" border="0" style="padding-right: 15px;"><colgroup><col style="width: 25%;"><col style="width: 25%;"><col style="width: 25%;"><col style="width: 25%;"></colgroup><thead><tr data-header-row=""><th id="uoaAuditGrid_Name" class="ui-iggrid-header ui-widget-header"><span class="ui-iggrid-headertext">Unit of Account Name</span></th><th id="uoaAuditGrid_Description" class="ui-iggrid-header ui-widget-header"><span class="ui-iggrid-headertext">Description</span></th><th id="uoaAuditGrid_uoaBenefitYear" class="ui-iggrid-header ui-widget-header"><span class="ui-iggrid-headertext">Benefit Year</span></th><th id="uoaAuditGrid_AuditName" class="ui-iggrid-header ui-widget-header"><span class="ui-iggrid-headertext">Audit Name</span></th></tr></thead></table></div><div id="uoaAuditGrid_scroll" class="ui-iggrid-scrolldiv ui-widget-content" data-scroll="true" data-onedirection="true" data-xscroller="#uoaAuditGrid_hscroller" style="overflow: hidden; height: 340px;"><table id="uoaAuditGrid" cellpadding="0" cellspacing="0" border="0" class="ui-iggrid-table ui-widget
Control is 14.2 and if I would change style="overflow: hidden; to "overflow-y:auto; scroll bar appears .. Why different style generated in different browser... the question is what I can add to grid setting so to force scroll bar in Chrome same way that is in IE11. Also when I am in the touch screen that I can scroll by using finger and scroll bar appears while scrolling .. I need it permanently presented on the grid when user uses Chrome.
Hello Michael,
According to our product lifecycle document, support for any versions prior to 2015.1 have expired.If you create a small, isolated sample (without any external dependencies) that reproduces the issue and attach it in this thread I can have a look how it behaves in our latest versions that are still eligible for support. For creating this sample you can use Infragistics trial CDN links. For example:
I received the attachment via the support case created from my colleague. I will investigate this matter further and I will update you in this forum thread.
Please feel free to continue sending updates to this case at any time.
Regards,Vasya KacheshmarovaAssociate Software DeveloperInfragistics
Hi Vasya,
I added css selector :
#grid1_scroll { overflow-y: auto !important; }
and it added the scroll bar to the grid... if you have better approach, I am open to it.. the issue seemed related to touch screens only.
Your approach seems good. I was also thinking about a similar solution. The only scenario, that I can think of, that can cause some issues is if virtualization feature is configured.
Do you have this feature enabled for any of your grids?
Please let me know if you need any further assistance with this matter.
there is no virtualization.. I guess css selector it good enough..