CSS: Make the last row in a Basic Table BOLD

<pre><span><style>

[data-test="app-simple-table"] .sts-row:last-of-type  {
font-weight: bold;
}
13 Likes

Hello, Robert!
Great feature, thank you!
But where in a table data i should write this text?
Or this text should be placed into the Cell\Column in a Sheet?
Should there be exact the same text as you mentioned above?

Include it in a rich text component.

image

What do i wrong?

You have put the code into the basic table itself.

CSS needs a special Glide trick!

You need to add an EXTRA rich text component anywhere on your screen, and put the CSS into the rich text field. This will automatically change the screen.

Hope this helps!

1 Like

Great! Thank you very much, Mark! It’s work)

1 Like

1 Like

Yea, thank you very much, Robert! I did it)

1 Like

:slight_smile: and thanks @Robert_Petitto - I’m using it too!

1 Like

I added this CSS to my shortlist of favorites because I’m constantly using a basic table to display parts to the whole. Often, I’ll just a add a right-aligned, Header2 text underneath the basic table, but then you lose the two-column context.

Hi,
Can I center the table title?

Yes, you can center the table title by using CSS to apply the text-align: center; property to the title element or its containing div. This will align the text in the center of the table.