I have a table. I can't change the structure but I need to remove a column from it. I used the nth-child() pseudo-class to set the display of the column to none but there are three rows at the bottom and they have a colspan set so now I'm getting a gap on the upper rows where the column is missing.
Is it possible to adjust the table in anyway, I'm prepared to use JavaScript to change the table so that they colspan is reduced?
What are the options?
It's the fifth column I'd like to hide.
Is it possible to adjust the table in anyway, I'm prepared to use JavaScript to change the table so that they colspan is reduced?
What are the options?
Code:
<table width="100%" border="0" cellpadding="2" cellspacing="1" id="[I]id[/I]"> <tr> <td>[I]content[/I]</td> <td>[I]content[/I]</td> <td>[I]content[/I]</td> <td>[I]content[/I]</td> <td>[I]content[/I]</td> <td>[I]content[/I]</td> </tr> <tr> <td align="center"> [I]content[/I] </td> <td>[I]content[/I]</td> <td> <table border="0" align="left"> <tr> <td align="left">[I]content[/I]</td> <td>[I]content[/I]</td> <td align="right">[I]content[/I]</td> </tr> </table> </td> <td align="center">[I]content[/I]</td> <td align="right">[I]content[/I]</td> <td align="right">[I]content[/I]</td> </tr> <tr> <td colspan="5" align="right">[I]content[/I]</td> <td align="right">[I]content[/I]</td> </tr> <tr> <td colspan="5" align="right">[I]content[/I]</td> <td align="right">[I]content[/I]</td> </tr> <tr> <td colspan="5" align="right">[I]content[/I]</td> <td align="right">[I]content[/I]</td> </tr> <tr> <td colspan="5" align="right">[I]content[/I]</td> <td align="right">[I]content[/I]</td> </tr> </table>
Comment