Hi Sarah,
Thanks for contacting Syncfusion Support.
We have prepared sample that can be downloaded from below link
Query 1: Select programattically row
In above sample, on a button click event we have selected a row in Grid using “selectRows” method, based on a row index value in textbox.
Note: give rowIndex as value
|
<input type="text" id="text" />
<input type="button" ej-button id="button" value="Click me" (click)="onClick($event)" /> |
|
onClick(event) {
var value = $("#text").val()
this.Grid.widget.selectRows(ej.parseInt(value));
} |
Query 2: Show scrollbars when we have an overflow,
You can display scroller in grid by enabling allowScrolling as true and set scroll height use scrollSettings property of grid.
|
<ej-grid [allowPaging]="true" [allowSorting]="true" allowScrolling="true" [scrollSettings]="scrollSettings" [dataSource]="gridData" [allowSearching]="true"
locale="es-ES" #grid> |
Typescript
|
export class AppComponent {
…
public scrollSettings = { height: 200, width: 400 };
@ViewChild('grid') Grid: EJComponents<any, any>; |
Query 3: Localization.
Locale property of grid is used to set localization to grid.
|
<ej-grid [allowPaging]="true" [allowSorting]="true" allowScrolling="true" [scrollSettings]="scrollSettings" [dataSource]="gridData" [allowSearching]="true"
locale="es-ES" #grid> |
|
export class AppComponent {
constructor() {
ej.Pager.Locale["es-ES"] = {
pagerInfo: "{0} de {1} páginas ({2} artículos)"
};
ej.Grid.Locale["es-ES"] = {
GroupDropArea: "Arrastre un encabezado de columna aquí para agrupar su columna"
}; }
onClick(event) {
var value = $("#text").val()
this.Grid.widget.selectRows(ej.parseInt(value));
}
public scrollSettings = { height: 200, width: 400 };
|
Please refer the below link for API documentation where you can get events, methods and functions
Regards,
Vignesh Natarajan
