Example of Command Column in ASP.NET Core Data Grid Control

Data Grid

Editing

Command Column

This sample demonstrates CRUD operations in Grid using command column. You can perform CRUD operations as follows,

Edit - To edit record, double click a row or click Edit button from command column after selected a row
Delete - To delete record, click Delete button from command column after selected a row
Update,Cancel - You can save or discard changes by click Update and Cancel button from command column respectively

Order ID

Customer Name

Freight

Order Date

Ship Country

Verified

Manage Records

Grid_header_table

10001

ALFKI

$2.30

5/15/1991

Denmark

10002

ANATR

$3.30

4/4/1990

Brazil

10003

ANTON

$4.30

11/30/1957

Germany

10004

BLONP

$5.30

10/22/1930

Austria

10005

BOLID

$6.30

2/18/1953

Switzerland

10006

ALFKI

$4.60

5/15/1991

Denmark

10007

ANATR

$6.60

4/4/1990

Brazil

10008

ANTON

$8.60

11/30/1957

Germany

10009

BLONP

$10.60

10/22/1930

Austria

10010

BOLID

$12.60

2/18/1953

Switzerland

10011

ALFKI

$6.90

5/15/1991

Denmark

10012

ANATR

$9.90

4/4/1990

Brazil

The Grid provides an option to render CRUD action buttons in a column by using the CommandColumn feature. The columns->commands property accepts array of CommandModel object. The predefined command button can be defined by using type property.

The built-in command button are,

Edit
Delete
Cancel
Save