JSFiddle - React, Tailwind, and code Playground

HTML

<table class="responsive-table rcc-table">
                    <thead>
                        <tr>
                            <th class="sfn-orange" style="border-right: 3px solid #000000 !important;"></th>
                            <th style="border-bottom: 0px solid !imortant;"></th>
                            <th class="sfn-fw9" colspan="3">Type1</th>
                            <th class="sfn-fw9" colspan="3">Type2</th>
                        </tr>
                        <tr>
                            <th class="sfn-orange sfn-fw6" style="border-right: 3px solid #000000 !important;">Label</th>
                            <th class="sfn-fw6">Label</th>
                            <!-- ngRepeat: columnLabel in columns --><th data-ng-repeat="columnLabel in columns" class="ng-binding ng-scope">Label</th><!-- end ngRepeat: columnLabel in columns --><th data-ng-repeat="columnLabel in columns" class="ng-binding ng-scope">Label</th><!-- end ngRepeat: columnLabel in columns --><th data-ng-repeat="columnLabel in columns" class="ng-binding ng-scope">Label</th><!-- end ngRepeat: columnLabel in columns --><th data-ng-repeat="columnLabel in columns" class="ng-binding ng-scope">Label</th><!-- end ngRepeat: columnLabel in columns --><th data-ng-repeat="columnLabel in columns" class="ng-binding ng-scope">Label</th><!-- end ngRepeat: columnLabel in columns --><th data-ng-repeat="columnLabel in columns" class="ng-binding ng-scope">Label</th><!-- end ngRepeat: columnLabel in columns -->
                        </tr>
                    </thead>
                    <!-- ngRepeat: row1 in rowKeys --><tbody>
                      
                      
                   <tr class="ng-scope">
                        <!-- ngIf: $index === 0 --><td rowspan="1" ng-if="$index === 0" style="border-right: 3px solid #000000;" class="ng-binding ng-scope">
                          Column
                        </td><!-- end ngIf: $index === 0 -->
                       ...

CSS

.filter-select {
    border: 0px solid #245580 !important;
    border-radius: 0px;
}

.table-bordered {
    border: 0px solid #dddddd;
    border-collapse: collapse;
    border-left: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 0;
}

.table-bordered > thead > tr {
    border-bottom: 0;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 0px;
    border-left: 1px solid #C69400;
    border-bottom: 0;
    border-top: 0;
    border-right: 0;
    font-family: 'PT Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    border-color: #253B52;
    background-color: #426489;
    text-align: left;
    padding-bottom: 0;
}

.table-bordered > thead > tr > th:first-child {
    border-left: 0;
}

.table-bordered > thead > tr > th.filter {
    padding-bottom: 10px;
}

.ng-table th.filter .input-filter {
    //background-color: #e2f3d1 !important;
    border: 0px solid #245580 !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ng-table th.filter .input-filter:focus {
    background-color: #fff !important;
    border: 0px solid #2C80D2 !important;
    outline: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

table tr {
    border-top: 0;
    border-bottom: 0;
    font-family: 'PT Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
    font-weight: 400;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
    background-color: #f0fae5 !important;
    border: none;
...