Example of Foreign Key Column in React Grid Component


In this sample,Customer Namecolumn is a foreign column. You can perform filtering, sorting or editing in the foreign key column.

More Details...


Grid has option to show foreign key columns. It can be enabled by setting column.dataSource property with either local or remote data and column field and text can be defined by using column.foreignKeyField and column.foreignKeyValue properties.

Injecting Module:

Grid features are segregated into individual feature-wise modules. To use foreign key column feature, we need to inject ForeignKey module into the services.