How to highlight a row under a certain condition

[eugenefoxx]

Please help me how to highlight a row with a certain value in a certain column.

`table.column({
     id: 'isColor',
    header: 'Some',
    accessor: 'Some',
   // There must be something like that here, apparently?
    cell: ({ row }, { pluginStates } ) => {
				const { ??? } = 
                              pluginStates.select.getRowState(row);				
				const colorRed = row.original.StatusText === 'Bad';
})

<tbody {...$tableBodyAttrs}>
		{#each $pageRows as row (row.id)}
			<Subscribe rowAttrs={row.attrs()} let:rowAttrs rowProps={row.props()} let:rowProps>
				<tr
					{...rowAttrs}
                                       // ????
					class:isColor={rowProps.select.selected}					
				>
					{#each row.cells as cell (cell.id)}
						<Subscribe attrs={cell.attrs()} let:attrs>
							<td {...attrs}>
								<Render of={cell.render()} />
							</td>
						</Subscribe>
					{/each}
				</tr>
			</Subscribe>
		{/each}
	</tbody>

<style>
   .isColor {
    	background: red;
	}
</style>`

In general, we need an example of how to do this.