Hi Hashim,
We have tried to reproduce the issue at our end, but the scrolling is working fine. Please refer to the attached screenshot and sample for more information.
So, could you please share the below details for validation which will be helpful for us to provide a better solution as early as possible?
Regards,
Pavithra S
Hi ,
I am attaching the code as sample..
@using Syncfusion.EJ2
@{
ViewData["Title"] = "PendingOrderList";
}
@section styles {
<link rel='nofollow' href="~/Content/themes/base/jquery-ui.min.css" rel="stylesheet" />
}
@{
ViewBag.Title = "Pending order status";
}
<div class="control-section">
<!-- /.col-lg-12 -->
<ejs-grid id="Grid" dataSource="ViewBag.Data" height="410" >
<e-grid-columns>
<e-grid-column field="Factory" headerText="Factory" width="150"></e-grid-column>
<e-grid-column field="Date" headerText="Po Date" width="150" format="P2"></e-grid-column>
<e-grid-column field="PONumber" headerText="PO Number" width="160"></e-grid-column>
<e-grid-column field="StyleID" headerText="StyleID" width="150"></e-grid-column>
<e-grid-column field="Size" headerText="Size" width="150"></e-grid-column>
<e-grid-column field="Qty" headerText="PoQty" width="150"></e-grid-column>
<e-grid-column field="PendingQty" headerText="PendingQty" width="150"></e-grid-column>
<e-grid-column field="LASTCOST" format="C2" headerText="Last Cost" width="150"></e-grid-column>
<e-grid-column field="TAG" format="C2" headerText="TAG" width="150"></e-grid-column>
<e-grid-column field="ImageUrl" headerText="Image" width="150" template="#imageTemp"></e-grid-column>
<e-grid-column field="COLLECT" headerText="COLLECT" width="150"></e-grid-column>
<e-grid-column field="DeleveryDate" headerText="E.Delivery Date" width="150"></e-grid-column>
<e-grid-column field="supdsg" headerText="Supplier Design" width="150"></e-grid-column>
<e-grid-column field="STATUS" headerText="STATUS" width="150"></e-grid-column>
<e-grid-column field="OrderTYpe" headerText="OrderType" width="150" visible="false"></e-grid-column>
<e-grid-column field="ARTICLE" headerText="ARTICLE" width="150" visible="false"></e-grid-column>
<e-grid-column field="GoldWt" headerText="GoldWt" width="150" visible="false"></e-grid-column>
<e-grid-column field="IMAGEFOLDERPATH" headerText="IMAGEFOLDERPATH" width="120" visible="false"></e-grid-column>
</e-grid-columns>
</ejs-grid>
</div>
@section Scripts {
}
Hi Hashim,
Thanks for sharing the details.
We have tried the same code in our sample, but it is working fine. We have modified only the columns property as per our dataSource. Please refer to the attached sample.
It seems that the issue occurs only in your sample. So could you please share a runnable sample with the issue that will be helpful for us to provide a better solution as early as possible?
Regards,
Pavithra S
Hi,
Issue has sorted out, It was some issue with custom CSS.
Hi Hashim,
We are happy to hear that the issue has been resolved. Please get back to us if you need further assistance.
Regards,
Pavithra S