# Alternative to highlighting the 'total' row of a data grid

**URL:** <https://community.glideapps.com/t/alternative-to-highlighting-the-total-row-of-a-data-grid/55326>\
**Category:** Ask for Help\
**Created:** [December 2, 2022, 3:52am UTC](https://community.glideapps.com/t/alternative-to-highlighting-the-total-row-of-a-data-grid/55326 "2022-12-02T03:52:04Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ignacio\_Algorta](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ignacio_algorta/32/51106_2.png) [@Ignacio\_Algorta](https://community.glideapps.com/u/Ignacio_Algorta)\
**Post date:** [December 2, 2022, 3:52am UTC](https://community.glideapps.com/t/alternative-to-highlighting-the-total-row-of-a-data-grid/55326/1 "2022-12-02T03:52:05Z")

</div>

![Screen Shot 2022-12-01 at 21.48.44](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/5/75492b89f984f37d8dc63e7452abfb881c28608f.png)  
Hi community,

As you can see in the picture, I am trying to display a data grid. The thing is that I need to put 4 more like the example, and when testing this with some users they couldn’t tell that the last row of the table is a subtotal.

Considering that I cannot **bold** or highlight the last row, any ideas on how can I display de last row to make it clear that they are subtotals?

Thanks

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [December 3, 2022, 12:05am UTC](https://community.glideapps.com/t/alternative-to-highlighting-the-total-row-of-a-data-grid/55326/2 "2022-12-03T00:05:48Z")

</div>

@Darren_Murphy might have some better ideas for you regarding the use of a HTML table.

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [December 3, 2022, 1:06am UTC](https://community.glideapps.com/t/alternative-to-highlighting-the-total-row-of-a-data-grid/55326/3 "2022-12-03T01:06:14Z")

</div>

Yeah, I would use HTML tables for this. If you’re not on Business/Enterprise, then you have to do inline styling, but it’s possible.

Here’s an example:

 ![Screen Shot 2022-12-03 at 9.03.15 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/8/d8ad2bf4e4ce4ef60f25d9a305ad7d4ba50b1f17.jpeg)

---

<div class="post-metadata">

**Author:** ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\
**Post date:** [December 3, 2022, 4:06am UTC](https://community.glideapps.com/t/alternative-to-highlighting-the-total-row-of-a-data-grid/55326/4 "2022-12-03T04:06:22Z")

</div>

Beautiful. How did you fix the total to the last row? I created a second table for a total 🤦‍♂️

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [December 3, 2022, 5:08am UTC](https://community.glideapps.com/t/alternative-to-highlighting-the-total-row-of-a-data-grid/55326/5 "2022-12-03T05:08:10Z")

</div>

I just use a separate class for the last (YTD) row…

```auto
table.redTable td.ytd {
  font-weight: bold;
}

```

and then in the HTML…

```auto
<tr>
  <td class="ytd">YTD</td>
  <td class="ytd">83</td>
  <td class="ytd">81</td>
  <td class="ytd">164</td>
  <td class="ytd">146</td>
  <td class="ytd">242</td>
  <td class="ytd">388</td>
</tr>

```

---

<div class="post-metadata">

**Author:** ![Ignacio\_Algorta](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ignacio_algorta/32/51106_2.png) [@Ignacio\_Algorta](https://community.glideapps.com/u/Ignacio_Algorta)\
**Post date:** [December 3, 2022, 6:19pm UTC](https://community.glideapps.com/t/alternative-to-highlighting-the-total-row-of-a-data-grid/55326/6 "2022-12-03T18:19:50Z")

</div>

Thanks Darren. I am not currently on Business/Enterprise. But I thought inline styling is not possible with out that plan, what de you mean it’s possible?

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [December 3, 2022, 6:31pm UTC](https://community.glideapps.com/t/alternative-to-highlighting-the-total-row-of-a-data-grid/55326/7 "2022-12-03T18:31:53Z")

</div>

You can insert html and any inline css styling on that html. What you can’t do is apply CSS to Glide components unless you have a business plan.

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [December 4, 2022, 6:32pm UTC](https://community.glideapps.com/t/alternative-to-highlighting-the-total-row-of-a-data-grid/55326/8 "2022-12-04T18:32:43Z")

</div>

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