JSFiddle - React, Tailwind, and code Playground
HTML
<table id="" class=" table table-bordered table-responsive">
<thead class="hellomylady" style="">
<tr>
<th rowspan="2">
<span class="cell-header">
<span class="cell-content">Tracking ID </span>
</span>
<input class="column-filter cell-content" data-target="af1067-col" type="text">
</th>
<th rowspan="2" class="priority-col">
<span class="cell-header">
<span class="cell-content">Priority </span>
</span>
<input class="column-filter cell-content" data-target="priority-col" type="text">
</th>
<th rowspan="2" class="project-id-col">
<span class="cell-header">
<span class="cell-content">Project ID </span>
</span>
<input class="column-filter cell-content" data-target="project-id-col" type="text">
</th>
<th class="{sorter: 'procent'} budget-color-3600" colspan="5" id="total-budget-3600" }="">3600 Budget: <span class="amount">$0.000 Millions</span></th>
<th class="{sorter: 'procent'} budget-color-3080" colspan="5" id="total-budget-3080" }="">3080 Budget: <span class="amount">$0.000 Millions</span></th>
<th class="{sorter: 'procent'} budget-color-3400" colspan="5" id="total-budget-3400" }="">3400 Budget: <span class="amount">$0.000 Millions</span></th>
</tr>
<tr>
<th class="{sorter: 'procent'} budget-color-3600">FY16</th>
<th class="{sorter: 'procent'} budget-color-3600">FY17</th>
<th class="{sorter: 'procent'} budget-color-3600">FY18</th>
<th class="{sorter:...
CSS
.hellomylady{
//position:fixed;
}