JSFiddle - React, Tailwind, and code Playground

HTML

<table width="300" border="0" cellspacing="0" cellpadding="0" id="refparts">
<thead>
  <tr>
    <th>Sample 1</th>
    <th>Sample 2</th>
    <th>Sample 3</th>
    <th>Sample 4</th>
    <th>Sample 5</th>
    <th>Sample 6</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>Sample data 1</td>
    <td>Sample data 2</td>
    <td>Sample data 3</td>
    <td>Sample data 4</td>
    <td>Sample data 5</td>
    <td>Sample data 6</td>
  </tr>
  <tr>
   <td>Sample data 1</td>
    <td>Sample data 2</td>
    <td>Sample data 3</td>
    <td>Sample data 4</td>
    <td>Sample data 5</td>
    <td>Sample data 6</td>
  </tr>

 
</tbody>
</table>

JavaScript

var tabNamecurr = $("table#refparts");
alert(tabNamecurr.find("thead tr th").eq(5).width());