JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="https://cdn.rawgit.com/meetselva/fixed-table-rows-cols/master/js/fixed_table_rc.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.rawgit.com/meetselva/fixed-table-rows-cols/master/css/fixed_table_rc.css">
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Fixed Table Header & Column Sample</title>
</head>
<body>
<div class="container">
    <p>
        Test table to verify the fix for issue #28
    </p>

    <div class="">
        <table id="fixed_hdr_test28" class="table table-striped table-hover">
            <thead>
            <tr>
                <th style="min-width: 200px; background-color: lightgrey">Head 1</th>
                <th style="min-width: 100px; background-color: lightgrey">Head 2</th>
                <th style="min-width: 200px;">
                    Text
                    <button type="button" class="btn btn-danger">Delete</button>
                </th>
                <th>Maturity</th>
                <th>Offered Amount</th>
                <th>Accepted Amount</th>
                <th>Coupon Rate</th>
                <th>Cut Off Price</th>
                <th>Target Amount</th>
                <th>Cut Off Yield</th>
                <th>Weighted Avg. Yield</th>
                <th></th>
            </tr>
            <tr>
                <th style="background-color: lightgrey;">
                    <div class="form-group">
                        <label>Input 1</label>
                        <input class="form-control" type="text"/>
                    </div>
                             </th>
                <th style="background-color: lightgrey;">-</th>
                <th>
                    <div class="form-group">
                ...

JavaScript

$(function () {
            $('#fixed_hdr_test28').fxdHdrCol({
                fixedCols: 2,
                width: 700,
                height: 700,
                colModal: [
                    {width: 50, align: 'center'},
                    {width: 70, align: 'center'},
                    {width: 70, align: 'center'},
                    {width: 70, align: 'center'},
                    {width: 70, align: 'center'},
                    {width: 70, align: 'center'},
                    {width: 70, align: 'center'},
                    {width: 70, align: 'center'},
                    {width: 70, align: 'center'},
                    {width: 70, align: 'center'},
                    {width: 70, align: 'center'},
                    {width: 70, align: 'center'}
                ],
                sort: false
            })
        });