How do I make the horizontal scrollbar work across the entire width of the grid ? At the moment the scroll bar allows me to drag or click the arrow to scroll the grid but as soon as I reach the far end I loose most of the scroll bar and I have to grab it (tiny bit showing at the bootom left of the grid) and drag it back it looks very amatuer and unprofessional, do you have a fix for this ?
Hello mark,
Thank you for posting in our forums!
Please answer the following questions so I may have a better understanding of the issue.
1. Please provide more details on what you mean by "as soon as I reach the far end I loose most of the scroll bar and I have to grab it".
2. Does the size of the scrollbar change as you are scrolling it?
3. What properties are you setting on the grid?
Looking forward to hearing from you.
I get a horizontal scrollbar that looks like it will scroll the whole width of the grid but when I scroll across as soon as I reach the end of the grid columns the scroll bar snaps over to the left hand side leaving just a small portion exposed. I then have th click on whats left of the scrollbar with my mouse and try to drag it back to the left hand side to scrool back to the left. The scroll bar should stay the whole width of the grid regardless of the fact Ive reached the last column but it doent. This makes it very difficult to actually use
@(Html.Infragistics().Grid(Model.Records) .ID("hedgeReportGrid") .Width("100%") .Height("550px") .FixedHeaders(true) .Columns(column => { column.For(x => x.TradeDate).HeaderText("Hedge Date").Width("200px"); column.For(x => x.Market).HeaderText("Market").Width("150px"); column.For(x => x.MarketID).HeaderText("Market ID").Width("100px"); column.For(x => x.BuySell).HeaderText("Buy/Sell").Width("125px"); column.For(x => x.Volume).HeaderText("Volume").Width("150px"); column.For(x => x.Trade_Unit_Of_Measure).HeaderText("Unit Of Measure").Width("150px"); column.For(x => x.MW).HeaderText("MW").Width("100px"); column.For(x => x.GBPMWh).HeaderText("Price").Width("100px"); column.For(x => x.Currency).HeaderText("Currency").Width("100px"); column.For(x => x.BlockStartDateTime).HeaderText("Start Date").Width("200px"); column.For(x => x.BlockEndDateTime).HeaderText("End Date").Width("200px"); }) .Features(features => { features.Selection().Activation(true).MultipleSelection(false).Mode(SelectionMode.Row); features.Paging().PageSize(50).Type(OpType.Remote).RecordCountKey("TotalRecordsCount"); }) .ResponseDataKey("Records") .DataSourceUrl(Url.Action("GetHedgeReportData", "HedgeReport", new { contractId = Model.ContractId, startDate = Model.StartTradeDate, endDate = Model.EndTradeDate, useTradeDate = Model.UseTradeDate })) .DataBind() .Render())
I will need some more time to investigate this. I will have more information for you by next Tuesday.
Additionally, I would like to let you know that I will be out of the office on Monday May 29, 2017 and I will review any updates on Tuesday May 30, 2017 and respond to you then.
Hello Mark,
I was unable to reproduce the behavior you're describing. Using the code you provided, I set up some test data and ran my sample. When the sample ran, the horizontal scrollbar was the full width and I could scroll to all the columns and back without any issues. I tested in Chrome and IE11.
I have attached the sample project I used to test this. Please test this project on your PC; whether or not it works correctly may help indicate the nature of this problem.
If the project does not work correctly, this indicates either a problem possibly specific to your environment, or a difference in the DLL or script versions we are using. My test was performed using version 16.2.20162.2114 in Ignite UI 2016 Volume 2.
If the project does show the product feature working correctly, then more information will be needed to reproduce the issue in a sample that can be used for debugging. It will help if you can provide a small, isolated sample application that demonstrates the behavior you are seeing. This can be done by either making the sample that I provided more like your application or by isolating the behavior from your application by removing dependencies on any third parties or databases.
Please let me know if I can provide any further assistance.