# Row class binding
Define property which is going to be your rowClass
simply with rowClass
attribute <revo-grid rowClass="myRowClass"/>
.
After this in source row model add this property myRowClass
in example below.
// tsx
const columns = [{
name: 'Person',
prop: 'name'
}];
const source = [
{ name: 'Steve', myRowClass: 'blue' },
{ name: 'John', myRowClass: 'green' }
];
return '<revo-grid rowClass="myRowClass" source={source} columns={columns}/>';