JSFiddle - React, Tailwind, and code Playground

by tomgrohl

HTML

<h1>Colspan Test</h1>
    <table>
        <tbody>
            <tr>
                <td>1</td>
                <td>2</td>
            </tr>
            <tr>
                <td colspan="2">3</td>
            </tr>
        </tbody>
    </table>
<br />
<h2>TD Colspan length</h2>

<div id="res1">td 1: </div><br />
<div id="res2">td 2: </div><br />
<div id="res3">td 3: </div><br />

CSS

*
{
     font-size:1em;   
}
h1
{
     font-size:1.2em;   
    font-weight:bold;  
}

h2
{
     font-size:1.1em;
      font-weight:bold;  
}

JavaScript

$('#res1').append( $("td")[0].colSpan );
$('#res2').append( $("td")[1].colSpan );
$('#res3').append( $("td")[2].colSpan );


alert( "TR with no td with colspan value > 1 = " + $("td").filter( function(){ return this.colSpan != '1';} ).parent("tr").length );