> For the complete documentation index, see [llms.txt](https://matanya.gitbook.io/vue-tables-2/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://matanya.gitbook.io/vue-tables-2/conditional-cell-styling.md).

# Conditional Cell Styling

The \`cellClasses\` option allows you to conditionally add class(es) to the \`td\` element based on predefined conditions.

For example, say you want to add a \`low-balance\` class to cells in a \`balance\` column that has a value of less than 100:

```javascript
cellClasses:{
  balance: [
    {
        class:'low-balance',
        condition: row => row.balance < 100
    }
  ]
}
```