JSFiddle - React, Tailwind, and code Playground

by rajaadil

HTML

<table cellpadding="20">
    <thead>
        <tr>
            <th class="">Name</th>
            <th class="">second</th>
            <th class="">Dur</th>
            <th class="">Start</th>
            <th class="">last</th>
        </tr>
    </thead>
    <tbody data-bind="foreach:items">
        <tr data-bind="value:id">
            <td data-bind="text:">1</td>
            <td>2</td>
            <td data-bind="text:">3</td>
            <td data-bind="text:">4</td>
            <td data-bind="text:">5</td>
        </tr>
        <tr data-bind="value:id">
            <td data-bind="text:">6</td>
            <td>7</td>
            <td data-bind="text:">8</td>
            <td data-bind="text:">9</td>
            <td data-bind="text:">10</td>
        </tr>
    </tbody>
    <table>

JavaScript

alert("before hide");
$('th:gt(2)').hide();
$('td:gt(2)').hide();
alert("before show again");
$('th:gt(2)').show();
$('td:gt(2)').show();