Recent

Custom Controls Using Angular Material

Git Repo:  https://github.com/yawahang/ohcontrols Features DatePicker (Date Picker, Time Picker, Date Time Picker, and many more) RatingPicker (Vertical, Horizontal, Custom Icons) Select (Single Select, MultiSelect, Single Column, MultiColumn) Recursive Treeview

Add Serial Number in KendoGrid

https://stackblitz.com/edit/angular-65vwz5-i7meqj?embed=1&file=app/app.component.ts

import { Component } from "@angular/core";

@Component({
  selector: "my-app",

  template: `
    <kendo-grid [data]="gridData">
      <kendo-grid-column title="SN." width="*">
        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
          {{ rowIndex + 1 }}
        </ng-template>
      </kendo-grid-column>

      <kendo-grid-column field="ProductName"> </kendo-grid-column>

      <kendo-grid-column field="UnitPrice"> </kendo-grid-column>
    </kendo-grid>
  `
})
export class AppComponent {
  public gridData = [
    {
      ProductName: "Chai",
      UnitPrice: 18.0,
      Discontinued: false
    },
    {
      ProductName: "Chang",
      UnitPrice: 19.0,
      Discontinued: true
    }
  ];
}

Comments

Top Posts

SQL Server Symmetric Key & Certificate based Encryption With AES_256 Algorithm

Kendo Grid Angular Column Width, minResizableWidth dynamic

Kendo Grid AutoFit Columns