Hello, I have a series of questions concerning the ui_table node. However to get things started I will start with two. Is there a simple way to change the font for the entire table? I have seen many examples where you can adjust individual columns or even cells. From my understanding they involv…

Using what you just posted, I get the same result as you. (Image includes a snippet from the browser inspector). The styling is overridden by the default tabulator_midnight.min.css [Untitled 1] Using another copy of your inject and table nodes, plus my styling from earlier on, in another tab, I g…

[image] Ui-table CSS styling Dashboard Hi, I would like to style my table a bit more to fit in with the reset of the theme, at the moment it is a dark theme that does not really fit in for me, an pointers please [image] I found this thread and imported the example…

Maybe post a simple example flow with your ui_template so we can take a look at it?

I will divide my response into two replies. I made some progress on the color changing progress bar by revisiting one of the examples that comes with the ui_table node. I have altered the code to fit my needs and so far this is working as expected. The following is the code inside a function node: …

As you can see in the code above I am having to adjust the font individually for each property (column). So my original question of being able to adjust the universal font for the table still stands. @jbudd This is the code inside my ui_template that I borrowed from the example I posted above. If y…

Without any styling in template: [Untitled 3] I didn't have any trouble (except for lack of taste) changing fonts and colours: [Untitled 2] My changes marked **** I think I had to make the selector for the rows more precise by changing .tabulator-row to .tabulator-table .tabulator-row. Withou…

I copied and pasted your code into my template node and most of the changes took effect, except for the "even" row. The font color changed, but the background color stayed the same for some reason. [image]

Please post a flow containing that data, the ui-table node and the template node. Is it possible that you have multiple templates contributing to the table styling? You mentioned moving the template from "Added to site head section" to "Widget in group". Styling in the site header is applied to a…

I don't believe I ever changed the site setting but mine was set to "Node-Red theme everywhere". I changed it to match yours but it didn't make a difference. This is my flow. In the image I posted I had a ui_control message that was affecting the format of the "State" property to style the color of …

OK but it doesn't include any data since I don't have your files hs1.txt - hs6.txt.

I added the .tabulator-table to the row sections to the example I posted above and my table still doesn't look like the table in the example. This is a screenshot of the post: [image] This table has a really nice look to it, but my table doesn't share the same colors or formatting when it comes t…

UI Table Adjustments

Dashboard

jgreenmt 5 January 2022 21:54 2

I found this thread and imported the example and played around with the values but none of the color settings are taking effect. In fact, the only change I can see from the original table style and the new style after importing the ui_template node, is that the "sorting arrow" of each column is hidden. Which is correct. I have moved the ui_template node into the tab and group where the ui_table resides. Does anyone know why the other CSS styling isn't taking effect?

Topic		Replies	Views
Examples for node-red-node-ui-table Dashboard	93	48197	17 July 2020
Ui-table supports ui_control Dashboard	85	25059	26 July 2021
The colorization of ui_table is kicking me in the head! General	20	3751	15 September 2020
Failure to create my first UI table Dashboard	27	2691	27 June 2021
Add value in overprint in a column of Ui_Table with the format "Progress (0-100) Dashboard	9	534	4 June 2022

UI Table Adjustments

Related topics