JSFiddle - React, Tailwind, and code Playground

by Naeel Maqsudov

HTML

<table>
    <tr>
        <td>1<td>2<td>3
    <tr>
        <td>1<td>2<td>3
    <tr>
        <td>1<td>2<td>3
</table>
<hr>
<table>
    <tr>
        <td colspan="2">1+2<td>3
    <tr>
        <td>1<td>2<td>3
    <tr>
        <td>1<td>2<td>3
</table>
<hr>
<table>
    <tr>
        <td colspan="2">2<td id="r1c3">3
    <tr>
        <td>1<td colspan="2" rowspan="2" id="r2c2">2+3<br>2+3
    <tr>
        <td>1
</table>
<hr>
<table class="adjusted">
    <tr>
        <td colspan="2">2<td id="r1c3">3
    <tr>
        <td>1<td colspan="2" rowspan="2" id="r2c2">2+3<br>2+3
    <tr>
        <td>1
</table>
<hr>
<table class="adjusted">
    <tr>
        <td colspan="2">2<td id="r1c3">3
    <tr>
        <td>1<td colspan="2" rowspan="2" id="r2c2">
           <table>
               <tr><td>11<td>12<td>13
               <tr><td>21<td>22<td>23
               <tr><td>31<td>32<td>33
           </table> 
    <tr>
        <td>1
</table>
<hr>
<table class="adjusted">
    <tr>
        <td colspan="2">2<td id="r1c3">3
    <tr>
        <td>1<td colspan="2" rowspan="2" id="r2c2">
           <table>
               <tr><td>11<td rowspan="3">12<td rowspan="2">13
               <tr><td>21
               <tr><td>31<td>33
           </table> 
    <tr>
        <td>1
</table>
<hr>
<table class="adjusted">
    <tr>
        <td colspan="2">2<td id="r1c3">3
    <tr>
        <td>1<td colspan="2" rowspan="2" id="r2c2">
           <table>
               <tr><td>11<td rowspan="3">12 (где строка?)<td rowspan="2">13
               <tr><td rowspan="2">21+31
               <tr><td>33
           </table> 
    <tr>
        <td>1
</table>
<hr>
<table class="adjusted">
    <tr>
        <td colspan="2">2<td id="r1c3">3
    <tr>
        <td>1<td colspan="2" rowspan="2" id="r2c2">
           <table>
               <tr><td>11<td rowspan="3">12 схлопнулась<td rowspan="2">13
               <tr id="row2"><td rowspan="2">21+31
               <tr><td>33
           </table> 
    <tr>
        <td>1
</table>
<hr>

CSS

table{
    width: 100%;
}
table table{
    
}
td{
    border: 1px solid #000;
}
.adjusted #r1c3{
    width:33%;
}
.adjusted #r2c2{
    width:66%;
}
#row2{
    height:20px;
}