# CSS: Make the last row in a Basic Table BOLD

**URL:** <https://community.glideapps.com/t/css-make-the-last-row-in-a-basic-table-bold/35317>\
**Category:** Community Resources\
**Tags:** custom-css\
**Created:** [November 30, 2021, 6:46pm UTC](https://community.glideapps.com/t/css-make-the-last-row-in-a-basic-table-bold/35317 "2021-11-30T18:46:04Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [November 30, 2021, 6:46pm UTC](https://community.glideapps.com/t/css-make-the-last-row-in-a-basic-table-bold/35317/1 "2021-11-30T18:46:04Z")

</div>

![Screen Shot 2021-11-30 at 1.44.15 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/7/d79955ff321474b6e4b80b9ad3aa0f086d61ad1f.png)

```auto
<pre><span><style>

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

```

---

<div class="post-metadata">

**Author:** ![ALEKSEI\_BARANOV](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/aleksei_baranov/32/33948_2.png) [@ALEKSEI\_BARANOV](https://community.glideapps.com/u/ALEKSEI_BARANOV)\
**Post date:** [November 30, 2021, 8:20pm UTC](https://community.glideapps.com/t/css-make-the-last-row-in-a-basic-table-bold/35317/2 "2021-11-30T20:20:50Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [November 30, 2021, 8:21pm UTC](https://community.glideapps.com/t/css-make-the-last-row-in-a-basic-table-bold/35317/3 "2021-11-30T20:21:22Z")

</div>

Include it in a rich text component.

---

<div class="post-metadata">

**Author:** ![ALEKSEI\_BARANOV](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/aleksei_baranov/32/33948_2.png) [@ALEKSEI\_BARANOV](https://community.glideapps.com/u/ALEKSEI_BARANOV)\
**Post date:** [November 30, 2021, 8:28pm UTC](https://community.glideapps.com/t/css-make-the-last-row-in-a-basic-table-bold/35317/4 "2021-11-30T20:28:49Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/7/57b6f1b6c08b80bbd17126130ebcca136caf2082.png)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/f/af6a60d8e9ef2c04ff0854f83550c5659c1959da.jpeg)

What do i wrong?

---

<div class="post-metadata">

**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\
**Post date:** [November 30, 2021, 8:55pm UTC](https://community.glideapps.com/t/css-make-the-last-row-in-a-basic-table-bold/35317/5 "2021-11-30T20:55:31Z")

</div>

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!

---

<div class="post-metadata">

**Author:** ![ALEKSEI\_BARANOV](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/aleksei_baranov/32/33948_2.png) [@ALEKSEI\_BARANOV](https://community.glideapps.com/u/ALEKSEI_BARANOV)\
**Post date:** [November 30, 2021, 9:06pm UTC](https://community.glideapps.com/t/css-make-the-last-row-in-a-basic-table-bold/35317/6 "2021-11-30T21:06:47Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [November 30, 2021, 9:07pm UTC](https://community.glideapps.com/t/css-make-the-last-row-in-a-basic-table-bold/35317/7 "2021-11-30T21:07:08Z")

</div>

![Screen Shot 2021-11-30 at 4.06.54 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/c/cc4c64acfefb61072bc931b0d67dded2b7e8ea26.png)

---

<div class="post-metadata">

**Author:** ![ALEKSEI\_BARANOV](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/aleksei_baranov/32/33948_2.png) [@ALEKSEI\_BARANOV](https://community.glideapps.com/u/ALEKSEI_BARANOV)\
**Post date:** [November 30, 2021, 9:08pm UTC](https://community.glideapps.com/t/css-make-the-last-row-in-a-basic-table-bold/35317/8 "2021-11-30T21:08:20Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\
**Post date:** [November 30, 2021, 9:43pm UTC](https://community.glideapps.com/t/css-make-the-last-row-in-a-basic-table-bold/35317/9 "2021-11-30T21:43:12Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [November 30, 2021, 9:58pm UTC](https://community.glideapps.com/t/css-make-the-last-row-in-a-basic-table-bold/35317/10 "2021-11-30T21:58:21Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Sales\_Manager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sales_manager/32/16172_2.png) [@Sales\_Manager](https://community.glideapps.com/u/Sales_Manager)\
**Post date:** [February 16, 2023, 9:06am UTC](https://community.glideapps.com/t/css-make-the-last-row-in-a-basic-table-bold/35317/11 "2023-02-16T09:06:28Z")

</div>

Hi,  
Can I center the table title?

---

<div class="post-metadata">

**Author:** ![AnnabelleDay](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/annabelleday/32/64107_2.png) [@AnnabelleDay](https://community.glideapps.com/u/AnnabelleDay)\
**Post date:** [September 15, 2023, 10:25am UTC](https://community.glideapps.com/t/css-make-the-last-row-in-a-basic-table-bold/35317/12 "2023-09-15T10:25:02Z")

</div>

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.