Edit the look of a table
Hello Besupport team 🫶
I used some code of one of your demo template :
<table>
<tbody>
<tr>
<td>Fruité</td>
<td>[progress_icons icon="fas fa-circle" count="5" active="5" transparent="1"]</td>
<td>Épicé/Boisé</td>
<td>[progress_icons icon="fas fa-circle" count="5" active="4" transparent="1"]</td>
</tr>
<tr>
<td>Floral</td>
<td>[progress_icons icon="fas fa-circle" count="5" active="4" transparent="1"]</td>
<td>Minéral</td>
<td>[progress_icons icon="fas fa-circle" count="5" active="4" transparent="1"]</td>
</tr>
</tbody>
</table>
So it look like that, it is really not but I would like to make it even more simple, so I checked the CSS to hide :
-table tr:first-child td box-shadow
-table th, table td border-style
So it looks like this :
I wanted to know if there is a way to adjust this differently or is this the best option I have ?
Thank you for your help.
Best
Romain
Comments
Hi Romain,
the options you mentioned are the only one includede for tables. If you want to customize it even more, you need to use custom css.