JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table table-striped marg_none tablesorter tablesorter-blackice" id="myTable" role="grid">
   <thead>
      <tr role="row" class="tablesorter-headerRow">
         <th data-sorter="true" width="1%" data-column="0" class="tablesorter-header tablesorter-headerUnSorted" tabindex="0" scope="col" role="columnheader" aria-disabled="false" aria-controls="myTable" unselectable="on" aria-sort="none" aria-label=": No sort applied, activate to apply an ascending sort" style="user-select: none;">
            <div class="tablesorter-header-inner"></div>
         </th>
         <th data-sorter="true" width="9.8%" data-column="1" class="tablesorter-header tablesorter-headerUnSorted" tabindex="0" scope="col" role="columnheader" aria-disabled="false" aria-controls="myTable" unselectable="on" aria-sort="none" aria-label="Name: No sort applied, activate to apply an ascending sort" style="user-select: none;">
            <div class="tablesorter-header-inner">Name </div>
         </th>
        
         <th data-sorter="true" width="6%" data-column="8" class="tablesorter-header tablesorter-headerUnSorted" tabindex="0" scope="col" role="columnheader" aria-disabled="false" aria-controls="myTable" unselectable="on" aria-sort="none" aria-label="Low: No sort applied, activate to apply an ascending sort" style="user-select: none;">
            <div class="tablesorter-header-inner">Low</div>
         </th>
         <th data-sorter="true" width="6%" data-column="9" class="tablesorter-header tablesorter-headerUnSorted" tabindex="0" scope="col" role="columnheader" aria-disabled="false" aria-controls="myTable" unselectable="on" aria-sort="none" aria-label="High: No sort applied, activate to apply an ascending sort" style="user-select: none;">
            <div class="tablesorter-header-inner">High</div>
         </th>
         <th data-sorter="true" width="6%" data-column="10" class="tablesorter-header tablesorter-headerUnSorted" tabindex="0" scope="col" role="columnheader"...

JavaScript

$(document).ready(function(){
     $("#sectors").change(function(){
        var textselected =  document.getElementById("sectors").value ;
                                var tr = $('#myTable tbody tr');
                                tr.hide();
                                tr.filter(function()
                                {
                                        return +$('td:eq(3)', this).text();
                                }).show();
        
     });
   });