Need to Load the data faster in Ej grid

[Muthukumar Periasamy]

Hello Team,

           We are developing the angular 4 applications with typescript and .Net Core WebApi and we are facing the diffculties in the Ej Grid while fetching 1 lac  data in the ej grid.

 We need a solution for this issue and we need a quick support from you.

HTML File

 <ej-grid id="Grid" [dataSource]="gridIncidentData" allowPaging="true" [allowSorting]="true" [allowFiltering]="true" [filterSettings]="filterType" [toolbarSettings]="toolbarItems" [allowSearching]="true" [allowResizing]="true" width="90%">

            <e-columns>

                <e-column field="safetyID" [isPrimaryKey]="true" headerText="Safety ID" [visible]="false"></e-column>

                <e-column field="incidentNumber" headerText="Incident Number"></e-column>

                <e-column field="incidentTypeDesc" headerText="Incident Type"></e-column>

                <e-column field="incidentDatetime" headerText="incident Datetime" type="date" format="{0:dd/MM/yyyy hh:mm:ss}"></e-column>

                <e-column field="injuryDescription" headerText="Nature Of Injury"></e-column>

                <e-column field="fullDescription" headerText="Body Parts"></e-column>

                <e-column field="description" headerText="Accident Type"></e-column>

                <e-column field="incidentStatus" headerText="Status"></e-column>

                <e-column headerText="Action">

                    <ng-template e-template let-data>

                        <div *ngIf="data.incidentStatus != 'Completed'">

                            <a class="fa fa-pencil-square-o" style="color:#005BAA;cursor:pointer" name="editdata" (click)="clicked($event)"

                               tooltip-placement="bottom" title="Edit"></a>

                        </div>

                        <div *ngIf="data.incidentStatus == 'Completed'">

                            <a class="fa fa-eye" style="color:#005BAA;cursor:pointer" name="viewdata" (click)="viewData($event)"

                               tooltip-placement="bottom" title="View"></a>

                        </div>

                    </ng-template>

                </e-column>

            </e-columns>

        </ej-grid>

Regards,
Muthu

[Vignesh Natarajan]

Hi Muthukumar, 

 

Thanks for contacting Syncfusion support. 

 

Query: we are facing the diffculties in the Ej Grid while fetching 1 lac  data in the ej grid. 

 

Before we proceed we would like to know the following details, 

 

1. Please confirm whether are you receiving any script error in the console. If yes, please share the stack trace.
2. Confirm whether are you reporting the time delay. If yes, please share that details.
3. Please share the complete Ts File code.
4. Share the exact issue in detail.
5. If possible, share the video demonstration of the issue.

 

The provided details will help us to resolve the reported issue as soon as possible. 

 

Regards, 

Vignesh Natarajan.