merging cells in avia responsive table

up

Hello Yigit,
Bellow there is the table (modified with colspan function) I would like to get.
Can you please tell how to proceed in Enfold (keeping responsive integrity) ?
Thx
Fred

<div class=’avia-data-table-wrap avia_responsive_table’><table class=’avia-table avia-data-table avia-table-1 avia-builder-el-3 el_after_av_tab_container el_before_av_textblock ‘ itemscope=”itemscope” itemtype=”https://schema.org/Table&#8221; ><caption>Caractéristiques techniques des modèles 111</caption><tbody><tr class=’avia-heading-row’><th class=”>Modèles<br />
</th><th class=”>111LHX</th><th class=”>111LX</th><th class=”>111L</th><th class=”>111S</th><th class=”>111H</th><th class=”>111HX</th></tr><tr class=”><td class=”>Point A/B [ºC]</td><td class=”></td><td class=”></td><td class=”></td><td class=”></td><td class=”></td><td class=”></td></tr><tr class=”><td class=”>Gamme d’utilisation Mini./Maxi.</td><td class=”>-75..+95</td><td class=”>-95..+20<br />
</td><td class=”>-75..+20<br />
</td><td class=”>-60..+20<br />
</td><td class=”>-60..+70<br />
</td><td class=”>-50..+95<br />
</td></tr><tr class=”><td class=”>Etalonné sur la gamme<br />
</td><td class=”>-60..+95<br />
</td><td class=”>-90..+20<br />
</td><td class=”>-70..+20<br />
</td><td class=”>-50..+20<br />
</td><td class=”>-40..+70<br />
</td><td class=”>-40..+95<br />
</td></tr><tr class=”><td class=”>Température<br />
</td><td colspan=”6″ class=”>-50…100 ºC<br /></td>
</tr><tr class=”><td class=”>Pression d’échantillonnage<br />
</td><td colspan=”6″ class=”>50…2000 hPa abs. (0,5…2 Bar absolu)<br /></td>
</tr><tr class=”><td class=”>Exactitude (précision)<br />
</td><td colspan=”6″ class=”><br /></td>
</tr><tr class=”><td class=”>Point A/B (pour la gamme étalonnée)<br />
</td><td colspan=”6″ class=”>≤ ± 0,1 ºC<br /></td>
</tr><tr class=”><td class=”>Température<br />
</td><td colspan=”6″ class=”>≤ ± 0,07 ºC<br /></td>
</tr></tbody></table></div><style type=’text/css’>.avia-table-1 td:nth-of-type(1):before { content: ‘Modèles<br />

Hello Yigit

As you ask me, here are the pictures :
. As I have with Enfold

. As I would like to get (done manually with an external eitor)

Thanks in advance for your help.

Fred

Yigit,
Can you explain how to to it because I will have several pages to change in the same way.
Fred

PS : thank you for your answer

Hello
Two questions :
1. How to include the following kind of code into the chlid theme ? Is it customs.css file?
2. I used to use HTML functions COLSPAN and ROWSPAN . How did you generated this code ?
Thanks in advance
Fred

Quick CSS code :

 

table.custom-table tr:nth-child(5) td:nth-child(2), table.custom-table tr:nth-child(5) td:nth-child(3), table.custom-table tr:nth-child(5) td:nth-child(4), table.custom-table tr:nth-child(5) td:nth-child(5),
table.custom-table tr:nth-child(5) td:nth-child(6),table.custom-table tr:nth-child(6) td:nth-child(2), table.custom-table tr:nth-child(6) td:nth-child(3), table.custom-table tr:nth-child(6) td:nth-child(4),
table.custom-table tr:nth-child(6) td:nth-child(5), table.custom-table tr:nth-child(6) td:nth-child(6),table.custom-table tr:nth-child(7) td:nth-child(2), table.custom-table tr:nth-child(7) td:nth-child(3), table.custom-table tr:nth-child(7) td:nth-childi4), table.custom-table tr:nth-child(7) td:nth-child(5), table.custom-table tr:nth-child(7) td:nth-child(6),table.custom-table tr:nth-child(8) td:nth-
child(2), table.custom-table tr:nth-child(8) td:nth-child(3), table.custom-table tr:nth-child(8) td:nth-child(4), table.custom-table tr:nth-child(8) td:nth-child(5), table.custom-table tr:nth-child(8) td:nth-
child(6),table.custom-table tr:nth-child(9) td:nth-child(2), table.custom-table tr:nth-child(9) td:nth-child(3), table.custom-table tr:nth-child(9) td:nth-child(4), table.custom-table tr:nth-child(9) td:nth-
child(5), table.custom-table tr:nth-child(9) td:nth-child(6) {border-right: none;}