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...

CSS

.contentHolderDiv
{
    display:none;
 
}

JavaScript

//Show content only after window load
window.onload = function () {
    var contentHolderDiv = $('.contentHolderDiv');
    contentHolderDiv.css("display", "block");
    alert('loaded');
}
 
 
 
$(document).ready(function () {
 
    var contentHolderDiv = $('.contentHolderDiv');
    contentHolderDiv.css("display", "block");
 
    //Table width setting
    var table = $('.resultGridTable');
    var trs = table.find('tr');
    var ssnHeader = $($(trs).children('th')[11]);
 
    table.width(table.width() + 300);
    ssnHeader.width(300);
 
    ssnHeader.css('background-color', 'blue');
    ssnHeader.css('width', '300px');

    var contentHolderDiv = $('.contentHolderDiv');
    contentHolderDiv.css("display", "block");
 
 
}
);