Hi,
I need help with removing the empty row on my table below.
When I'm using CSS + Action, I'm only able to do it with a single action. If I create multiple actions, I can't.
here my table html
<table style="border-collapse: collapse; width: 100%;">
<tr class="part-frame">
<td style="width: 25%;">FRAME</td>
<td style="width: 3%;">:</td>
<td style="width: 65%;">[e2pdf-wc-product key="frame" meta="true"]</td>
</tr>
<tr class="part-shell">
<td style="width: 25%;">SHELL</td>
<td style="width: 3%;">:</td>
<td style="width: 65%;">[e2pdf-wc-product key="shell" meta="true"]</td>
</tr>
<tr class="part-top">
<td style="width: 25%;">TOP</td>
<td style="width: 3%;">:</td>
<td style="width: 65%;">[e2pdf-wc-product key="table_top" meta="true"]</td>
</tr>
<tr class="part-cushion">
<td style="width: 25%;">CUSHION</td>
<td style="width: 3%;">:</td>
<td style="width: 65%;">[e2pdf-wc-product key="cushion" meta="true"]</td>
</tr>
<tr class="part-pad-cushion">
<td style="width: 25%;">PADDED CUSHION</td>
<td style="width: 3%;">:</td>
<td style="width: 65%;">[e2pdf-wc-product key="pad_cushion" meta="true"]</td>
</tr>
<tr class="part-upholstery">
<td style="width: 25%;">UPHOLSTERY</td>
<td style="width: 3%;">:</td>
<td style="width: 65%;">[e2pdf-wc-product key="upholstery" meta="true"]</td>
</tr>
<tr class="part-sling">
<td style="width: 25%;">SLING</td>
<td style="width: 3%;">:</td>
<td style="width: 65%;">[e2pdf-wc-product key="sling" meta="true"]</td>
</tr>
<tr class="part-pad-sling">
<td style="width: 25%;">PADDED SLING</td>
<td style="width: 3%;">:</td>
<td style="width: 65%;">[e2pdf-wc-product key="padded_sling" meta="true"]</td>
</tr>
<tr class="part-curtain">
<td style="width: 25%;">CURTAIN</td>
<td style="width: 3%;">:</td>
<td style="width: 65%;">[e2pdf-wc-product key="curtain" meta="true"]</td>
</tr>
<tr class="part-shade">
<td style="width: 25%;">SHADE</td>
<td style="width: 3%;">:</td>
<td style="width: 65%;">[e2pdf-wc-product key="shade" meta="true"]</td>
</tr>
</table>
Thank you
