JSFiddle - React, Tailwind, and code Playground

by gilan

HTML

<script src="http://www.novasoftware.com/Download/jQuery_FixedTable/jquery.fixedtable.js"></script>
<div id="tableDiv_Arrays" class="tableDiv">
                    <table id="Open_Text_Arrays" class="FixedTables">
                        <thead>
                            <tr>
                                <th>
                                    Purpose
                                </th>
                                <th>
                                    C#
                                </th>
                                <th>
                                    Php4
                                <th>
                                <th>
                                    Php5
                                </th>
                                <th>
                                    ActionScript
                                </th>
                                <th>
                                    JavaScript
                                </th>
                                <th>
                                    Ruby
                                </th>
                            </tr>
                        <thead>
                        <tbody>
                            <tr>
                                <th>
                                    data1
                                </th>
                                <th>
                                    data2
                                </th>
                                <th>
                                    data3
                                <th>
                                <th>
                                    data4
                                </th>
                                <th>
                                    data5
                                </th>
                                <th>
                                    data6
                                </th>
                                <th>
                       ...

JavaScript

$(".tableDiv").each(function() {      
                    var Id = $(this).get(0).id;
                    var maintbheight = 555;
                    var maintbwidth = 911;

                    $("#" + Id + " .FixedTables").fixedTable({
                        width: maintbwidth,
                        height: maintbheight,
                        fixedColumns: 1,
                        // header style
                        classHeader: "fixedHead",
                        // footer style        
                        classFooter: "fixedFoot",
                        // fixed column on the left        
                        classColumn: "fixedColumn",
                        // the width of fixed column on the left      
                        fixedColumnWidth: 150,
                        // table's parent div's id           
                        outerId: Id,
                        // tds' in content area default background color                     
                        Contentbackcolor: "#FFFFFF",
                        // tds' in content area background color while hover.     
                        Contenthovercolor: "#99CCFF", 
                        // tds' in fixed column default background color   
                        fixedColumnbackcolor:"#187BAF", 
                        // tds' in fixed column background color while hover. 
                        fixedColumnhovercolor:"#99CCFF"  
                    });        
                });