Hi,
I am using Infragistics 14.1 webdatagrid. I want both horizontal and vertical scrol bars to appear on the grid. Grid has 40 columns and each column has a width of 30px or more.
I have tried setting grid width to 500px so that combined width of all columns is > width of grid and thereby horizontal scrollbar is enabled. However, it did not happen, horizontal scrollbar did not appear. If I go to developer tools of IE 9 and change the document mode to IE7, then horizontal scroll bar appears. But if document mode is IE 8 or above, it does not appear.
I also tried setting the width of grid to 100% with no success. Have tried some suggestions given on other threads but nothing worked.
Please share your expert suggestions. Thanks!
- Atul
Hello Atul,
Thank you for posting in the Infragistics community !
What you describe is strange. I have tried to reproduce this issue but was not successful. Please see the attached sample where the grid's width(300px) < sum of columns' widths(600px).
The scrollbar is rendered under IE 11, IE 10, IE 9, IE 8, IE 7 and no issues occur. If you manage to reproduce the issue please send the sample back for investigation or send us an isolated sample of yours.
Hello,
I'm just following up to see if you need any further assistance with this issue. If so please let me know.
Hello Hristo,
Thank you for your help. I saw the sample that you shared, this sample works fine for me.
In my case we have a large project that used Infragistics 2009 and UltraWebgrid controls. We want to upgrade to Infragistics 2014.
I did a POC with webdatagrid and it worked fine. However, when I replace one of the ultraweb grids in our existing project with webdatagrid having some TemplateDataFields and some BoundData fields. It did not show up horizontal scrollbar.
I have this webdatagrid on a user control. I noticed that I did not have following style added in .ascx file having web datagrid -
<style type="text/css"> .Percentage, .Percentage0, .Value, .Value0 { display: none; }
.hidden-column { word-wrap: normal; white-space: nowrap; padding: 0px 0px !important; border-right: 0px !important; }
.header-center, .cell-center { text-align: center; }
.header-left, .cell-left { text-align: left; }
.header-right, .cell-right { text-align: right; }
.ig_FinWSControl, .ig_FinWSControl div { float: none; }
.ig_FinWSControl { }
.threed-styles .section-table .nested-header-cell { border-bottom: 1px solid #d8d8d8!important; }
#rwCBR td { padding: 0 !important; min-height: 0; border-collapse: collapse; }
#CBDiv #tblMain td, #contractedTotal td, #tblLotsBody td { padding: 4px 10px !important; }
#taxLotHeader div { float: left; }
#taxLotHeader .right { float: right; }</style>
With these styles added I got horizontal scrollbar, but it is not consistent. e.g. I am using HTML4 document type definition-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
If I change this to <!DOCTYPE html > then scroll bar goes. It does not come back even if I revert to older DTD.
I have to close my visual studio and then run the application again to make it appear again.
This is all looking very weired, am I missing something?
Regards,
Atul
For sure this is weird. Considering the available information this looks like a css issue, so I wanted to ask if you use the default styles of the WebDataGrid ? The styles you have shared does not look like the WDG's ones, are these some custom styles, or have you taken them from the UltraWebGrid ?
In order to apply the default styles please clear all styles that affect the grid and when you open your .ascx page in design mode in Visual Studio you will be prompted to allow the ig_res folder containing the styles to be copied to your project folder. I believe this will resolve your issue.
If you are still struggling with this please try to provide an isolated sample of the issue and send it back so that I can have a look at it and investigate.
Looking forward to hearing from you.