JSFiddle - React, Tailwind, and code Playground

HTML

<button id="tblsize">Change Size </button>
<table id="content" style ="border:none">
            <tr>
                <td>
                    <table  id="content_medium" style="width:500px" >
                        <tr class="grid_heading">
                            <th class="student">Students</th>
                            <th class="year">Year</th>
                            <th class="group">Roll Group</th>
                            <th class="Type">Session</th>
                        </tr>
                    </table>
                </td>
            </tr>
</table>

CSS

.changeWidth{
    width: 100%;
}

JavaScript

$("#tblsize").click(function() {
$(".grid_heading").toggleClass("changeWidth");
   $(".student").toggleClass("changeWidth");
});