Display ui-table to full widget size, instead of parent div height

[karthikraja]

Hi Friends, I am new to node-red and trying to create a dynamic ui-table, which am able to. My issue is that, my table height is determined by the height of the parent-div, which I guess is not updated dynamically.

I have gone through dynamictable, but I don't create my table as such in the template. Instead I use a function node to append to the result array. Any pointers?

[Christian-Me]

@karthikraja

My issue is that, my table height is determined by the height of the parent-div, which I guess is not updated dynamically.

You can set the hight (size) of ui-table if you choose any size except auto. With set to auto it should update the height any time you send the complete table data array (of objects) as msg.payload.

If this don’t solve your problem pleas share th relevant part of your flow here.

[karthikraja]

Thanks for the reply. I tired setting the size in the template as shown below

But Still, the size is updated only as the results are updated. So it is displayed only in small area of the whole widget.

Instead I want it to be displayed the whole size of the widget even when there is only one result.
Thanks for your help

[Christian-Me]

Hi ... oh I see. I never (tied) to manipulate the ui-table (or better its css?) by a template node. Can you try to change the size of the ui-table node to anything except auto ?

[karthikraja]

Thank you very much. It did solve my issue even though I dont' completely understand it (I thought it was no. or rows and columns allowed, so was worried it won't allow dynamic data above the specified size - but I guess I was wrong.).

I know, this is a different topic, But any idea how can i alignt column header and row border

[Christian-Me]

the size of a ui-table is determined by the number of rows in your table in auto mode. if you define a "fixed" size the scroll bars will appear if the length of the table exceeds the available rows.

To your "new" question. I don't know, I never experienced that effect even in complex tables like tree structures and variable column width and custom formatters:

Perhaps messing around with the css in a template node gives you that effect? But I have no experience with template nodes at all.

[Christian-Me]

What I see is that you manipulated your header height ... perhaps look into that.
you certainly have already looked into this

[karthikraja]

Messing around with CSS was exactly the problem. You are a lifesaver. Thank you.