JSFiddle - React, Tailwind, and code Playground

by Lijo

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1">
    <link href="Styles/ExpandableSearchResultStyle.css" rel="stylesheet" type="text/css" />
    <title></title>
</head>
<body>
    <form method="post" action="FinancialTransactions.aspx" id="form1">
    <div id="wrapper">
        <div id="container">
            <div id="centralContainer">
                <div id="mainContainer">
                    <div id="contentHolderDiv" class="contentHolderDiv">
                        <div>
                            <table class="resultGridTable" cellspacing="0" id="detailContentPlaceholder_grdTransactions"
                                style="border-collapse: collapse;">
                                <tr>
                                    <th scope="col">
                                        &nbsp;
                                    </th>
                                    <th colspan='4' class='tableHeaderColGroup'>
                                        Transaction Info
                                    </th>
                                    <th colspan='5' class='tableHeaderColGroup'>
                                        Financial Info
                                    </th>
                                    <th colspan='2' class='tableHeaderColGroup'>
                                        Success Dates
                                    </th>
                                    <th colspan='2' class='tableHeaderColGroup'>
                                        Tracking Dates
                                    </th>
                                    <th colspan='1' class='tableHeaderColGroup'>
                                        Test
                                    </th>
                                    <th colspan='5' class='tableHeaderColGroup'>
                                        Main...

JavaScript

$(document).ready(function () {
 
    var contentHolderDiv = $('.contentHolderDiv');
    contentHolderDiv.css("display", "block");
 
    //Table width setting
    var table = $('.resultGridTable');
var trs = table.find('tr:has(td)');

    trs.css('background-color', 'yellow');
    trs.css('height', '50pt');
   

    var ssnHeader = $($(trs).children('th')[11]);
    table.width(table.width() + 50);
    ssnHeader.width(50);
    ssnHeader.css('width', '300px');


 
}
);