Grid vertical scrolling

[Erik]

Hello,

I have an issue with vertical scrolling in my grids.

When i set allow-resize-to-fit to true, i get 2 scrolling bar, one on top of the other. None of them work as intended : i want to scroll the rows and the headers at the same time.

My grid :

<div style="width:80%">

                          <ej-grid id="grid2"
                                   allow-selection="true"
                                   selectiontype="Single"
                                   record-double-click="onRecordDoubleClick2"
                                   row-selected="rowSelected"
                                   allow-paging="false"
                                   height="@Model.GridHeight"
                                   columns="@Model.ListColumn"
                                   allow-scrolling="true"
                                   allow-resize-to-fit="true">

                              <e-datamanager json="@Model.List_alertes" />


                          </ej-grid>

                      </div>

Thanks

Attachment: GridScrolling_3727c393.rar

[Vignesh Natarajan]

Hi Erik, 

 

Thanks for using Syncfusion products. 

 

Query: “When i set allow-resize-to-fit to true, i get 2 scrolling bar, one on top of the other” 

 

From your query, we understand that you are facing issue with Grid scroller. We have prepared a sample using your code example and we are not able to reproduce the reported issue at our end. Refer the below link for the sample  

 

Sample: http://www.syncfusion.com/downloads/support/forum/141839/ze/WebApplication-1279978117  

 

The reported issue may occur when the referred dll’s, scripts file and css files are not of same version. So kindly ensure that you have referred the same version of dll, script and css files. 

 

After referring the above scenario and sample, if you still face the issue kindly share the following details 

 

1.  Share the full grid rendering code (cshtml and controller)
2. Share the details regarding your dataSource (ie) have you used any type of adaptor?.
3. Share the screenshot of script in console window
4. Also share the screenshot Grid UI.
5. If possible try to reproduce the reported issue in provided sample.
6. Share your essential studio version (XX.X.X.XX).

  

Regards,
Vignesh Natarajan. 

[Erik]

Hello Vignesh,

I know that my dll's version is 16.4.0.42

Can you tell me how to download the scripts file and css for this version ?

Also, i did try to use ejs-grid instead of ej-grid to see if this made any difference but i could not manage to make it work.

Thanks for your support.

[Vignesh Natarajan]

Hi Erik, 

 

Thanks for the update. 

 

Query1: “Can you tell me how to download the scripts file and css for this version ?” 

 

You can refer / download the scripts and css file using anyone of the below suggested method. 

 

1. You can refer the cdn reference link in your sample. Refer the below link

 

https://help.syncfusion.com/js/cdn  

 

2. Or if you have installed the Syncfusion ASP.NET Core build then you can find the scripts and css files from below location

 

Scripts location: InstalledLocation :\Program Files (x86)\Syncfusion\Essential Studio\ASP.NET CORE\16.3.0.21\JavaScript\assets-src\scripts\web 

Css Location: InstalledLocation:\Program Files (x86)\Syncfusion\Essential Studio\ASP.NET CORE\16.3.0.21\JavaScript\assets-src\css\web  

 

Also refer our UG documentation for your reference if you want to load scripts from bower packages 

 

https://help.syncfusion.com/aspnet-core/configuration  

 

Query2: ” i did try to use ejs-grid instead of ej-grid to see if this made any difference but i could not manage to make it work.”  

 

ejs-grid represent the EJ2 version of our Syncfusion controls.  It is our next generation JavaScript product. Essential JS 2 is fully re-written to be modular, responsive and lightweight. 

We suggest you look into our following product page for more details. 

 

https://www.syncfusion.com/products/essential-js2 

 

You have to refer different dll’s and script file. Refer our getting started page for more information. 

 

UG: https://ej2.syncfusion.com/aspnetcore/documentation/grid/getting-started-core/?no-cache=1  

 

Demo page for ej2 Grid 

 

https://ej2.syncfusion.com/aspnetcore/Grid/GridOverview#/material  

 

Please get back to us if you have further queries. 

 

Regards, 

Vignesh Natarajan 

[Erik]

Hi Vignesh,

Deleting the reference to EJ2    <link rel="stylesheet" rel='nofollow' href="https://cdn.syncfusion.com/ej2/material.css" />    in my _Layout.cshtml fixed my grids but now my ejs-textboxes no longer display correctly.

I would like to use both version 1 and 2 of Essential JS in my project.

Can you help me with that ?

Thanks

[Vignesh Natarajan]

Hi Erik, 

Thanks for the update. 

Query : I would like to use both version 1 and 2 of Essential JS in my project. 

 

From your query, we understand that you are facing issue while using both EJ1 and EJ2 in same project. To use both version 1 and 2 of Essential JS in your application you need to refer the Compatibility Css files in your application.  

Please refer the below help documentation for the details of Compatibility of EJ1 and EJ2. 

https://ej2.syncfusion.com/documentation/getting-started/compatible-with-essential-js1/ 

We have created a sample using both the EJ1 and EJ2 controls. Please refer the below link for the sample. 

Sample : http://www.syncfusion.com/downloads/support/forum/141839/ze/Compatibility_Sample547711325 

Please get back to us if you have further queries. 

Regards, 

Vignesh Natarajan