104
Views
6
Comments
Solved
Make last row of table "bold"
Question
Application Type
Reactive

Hi All,

I need to make the last record in the table as bold . How can i do this?

Please find the attachment , and the highlighted text that needs to be bold.

Thanks

Shivangi

TableBold.PNG
2020-06-23 15-22-16
Miguel Sousa
Solution

Hi @Shivangi Thakur 

List css:

.list-item:last-of-type{
  font-weight: bold;
}

Table css:

.table-row:last-child{
    font-weight: bold;
}

Best regards,

Miguel Sousa

2019-03-12 12-28-20
Shivangi Thakur

Hi Miguel,

Its a Table.

2020-06-23 15-22-16
Miguel Sousa

I'm sorry I misunderstood your question. I've edited my response with the css for a table 

2019-03-12 12-28-20
Shivangi Thakur

Thanks Miguel , that worked..

I have one more query , i want to put asterisk beside total cost , like "Total Cost *" and i want the asterisk to be in blue colour . If you have any solution for this then pls let me know .


2020-06-23 15-22-16
Miguel Sousa

You could add a text inside an if (to show or hide the text) next to the expression with the class "text-blue".


table_blue.png
2019-03-12 12-28-20
Shivangi Thakur

Thanks Miguel , 

It worked .. :)

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.