# Ui-table and template - use CSS selectors

**URL:** <https://discourse.nodered.org/t/ui-table-and-template-use-css-selectors/86504>\
**Category:** Dashboard\
**Tags:** ui-template\
**Created:** [17 March 2024 22:34 UTC](https://discourse.nodered.org/t/ui-table-and-template-use-css-selectors/86504 "2024-03-17T22:34:04Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![gNeandr](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gneandr/32/73947_2.png) [@gNeandr](https://discourse.nodered.org/u/gNeandr)\
**Post date:** [17 March 2024 22:34 UTC](https://discourse.nodered.org/t/ui-table-and-template-use-css-selectors/86504/1 "2024-03-17T22:34:04Z")

</div>

When working with ui-table, you can use a 'template' to define style parameters, e.g. to change the background color for a line when selecting it with the cursor:

```auto
<style>
	.tabulator-row.tabulator-selected {
		color: yellow !important;
	}
</style>

```

How can different situations be achieved for tables?

CSS selectors are generally defined for different situations and/or multiple tables.  
I do not see this possibility in NR with ui-table/template. How do you proceed here?

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [16 April 2024 22:34 UTC](https://discourse.nodered.org/t/ui-table-and-template-use-css-selectors/86504/2 "2024-04-16T22:34:39Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.