{/* Do not edit this file. It is automatically generated by API Documenter. */}


## RowStyleObject

Style model returned when changing the style of a row with [RowStyleCallback](/refs/realgrid#rowstylecallback)

**Signature:**

```typescript
export interface RowStyleObject
```

## Remarks

Used in [GridBase.setRowStyleCallback()](/refs/Class/GridBase#setrowstylecallback){/* */}.

## Example


```js
cosnt f = function(grid, item fixed) {
   if (dataProvider.getValue(item.dataRow, "fieldName") === "value") {
     return {
       editable: false,
       styleName: "userStyleName"
     }
   }
}
gridView.setRowStyleCallback(f);
```

## Properties

| Property | Type | Description |
| --- | --- | --- |
| [editable](/refs/Interface/RowStyleObject#editable) | boolean | Whether or not the entire row is editable |
| [exportStyleName](/refs/Interface/RowStyleObject#exportstylename) | string | Style name applied when exporting to Excel |
| [readOnly](/refs/Interface/RowStyleObject#readonly) | boolean | ReadOnly status of entire row |
| [style](/refs/Interface/RowStyleObject#style) | Partial&lt;CSSStyleDeclaration&gt; | inline style applied to the tr element in the line |
| [styleName](/refs/Interface/RowStyleObject#stylename) | string | className of row |

## Properties Desc

### editable

Whether the entire row is editable

`Type` - boolean

**Remarks:**

If not specified, the next rank editable is applied.

<hr/>

### exportStyleName

Style name applied when exporting to Excel

`Type` - string

<hr/>

### readOnly

ReadOnly status of entire row

`Type` - boolean

**Remarks:**

If not specified, the next rank editable is applied.

<hr/>

### style

inline style applied to the tr element in the row

`Type` - Partial&lt;CSSStyleDeclaration&gt;

**Remarks:**

Specifies properties that are directly applied to the style of tr.

**Example:**


```js
const f = function(grid, item, fixed) {
  var ret = { style: {background:undefined, color: undefined}}
  if (dataProvider.getValue(item.dataRow, "fieldName") === "A") {
      ret.style.background = "red";
    } else if (dataProvider.getValue(item.dataRow, "fieldName") === "B") {
      ret.style.color = "red";
    } else if (dataProvider.getValue(item.dataRow, "fieldName") === "C") {
      ret.style.background = "lightblue"
      ret.style.color = "red";
    }
  };
  return ret;
}
```

<hr/>

### styleName

className of the row

`Type` - string

**Remarks:**

If not specified, the grid's default style name is used.

<hr/>