Horizontal scrolling not working

[Dina Abdelbary]

Hi,

I m using a syncfusion grid 

<ej-grid id="webReportGrid" [allowReordering]="allowReordering" [allowScrolling]="allowscrolling" [allowSorting]="true" [dataSource]="gridData" [scrollSettings]="scrollSettings"

[allowResizing]="allowResizing" IsResponsive="true" >

this.allowscrolling = true;

this.scrollSettings = {

width: "auto",

height: 450,

enableColumnScrolling: true, enableRowScrolling: true

};

which i load it's columns dynamically at ngAfterViewInit

for (var i = 0; i < columns.length; i++) {

var newColumn = {id:columns[i].id, field: columns[i].field, headerText: columns[i].name, width: 100, textAlign: "center" }

obj.model.columns.push(newColumn);

}

obj.refreshContent(true);

the columns appear normally, but in case the columns count are a lot, the grid appears like attached image, the headers text does not appear for the user and the horizontal scrolling does not appear.

I want the headers to be readable and have minimum width according to the header text or bigger, and wanna horizontal scrolling work.

Thanks in advance and waiting for your response.

Attachment: Scrolling_521ef244.rar

[Farveen Sulthana Thameeztheen Basha]

Hi Dina, 

Thanks for contacting Syncfusion Support. 

We have checked your query but we need some additional information to find the cause of the issue. Could you please share us the following details given below. 

1. Grid code example (both app.component.html and app.component.ts) 

2. If possible provide an issue reproducing sample or hosted link. 

3. Have you faced issue while dynamically bind columns in the Grid or any other different scenario. 

4. Screenshot/Video demo regarding your requirement. 

The provided details will helps us to analyze and provide you solution as early as possible.   

Regards, 

Farveen sulthana T 

[Sunita]

Is this issue resolved. I am facing issue, need horizontal scrollbar.

[Manivannan Padmanaban]

Hi Sunita, 

Thanks for contacting Syncfusion Forums. 

Query: Is this issue resolved. I am facing issue, need horizontal scrollbar. 

We are able to reproduce the reported issue at our end. Kindly refer the below link for sample, 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/sample1208788756.zip  

After referring the sample still facing the issue, get back to us with the below details. 

1. Share the complete Grid code example.
2. Share the issue screenshot.
3. Share the Essential Studio version.
4. Reproduce the issue in the shared sample Or share the issue reproducible sample.

Regards, 

Manivannan Padmanaban.