JSFiddle - React, Tailwind, and code Playground

by Rob Sedgwick

HTML

<table class="table table-condensed table-striped form-inline">
                    <colgroup>
                        <col class="col-md-1">
                        <col class="col-md-3">
                        <col class="col-md-3">
                        <col class="col-md-3">
                        <col class="col-md-1">
                        <col class="col-md-1">
                    </colgroup>
                    <caption>Data sample</caption>
                    <thead>
                        <tr>
                            <th style="width:100px" ng-show="multiSiteModel.length > 1" class="">Site</th>
                            <th style="width:80px" ng-show="multiUnitModel.length > 1" class="ng-hide">Unit</th>
                            <th style="width:180px">Field name</th>
                            <th>Previous FE data</th>
                            <th>Current FE data</th>
                            <th>Site data</th>
                            <th>Match type</th>
                            <th>Confirm</th>
                        </tr>
                    </thead>
                    <tbody><!-- ngRepeat: datum in pagedItems[currentPage] --><tr ng-repeat="datum in pagedItems[currentPage]" ng-show="!datum.Confirmed || showConfirmed" class="ng-scope">
                        <td style="overflow: hidden;" ng-show="multiSiteModel.length > 1" class="ng-binding">
                            Morningstar
                        </td>
                        <td style="width:80px; overflow: hidden;" ng-show="multiUnitModel.length > 1" class="ng-binding ng-hide">
                            0RHQ
                        </td>
                        <td style="overflow: hidden;">
                            <a ng-click="openSitePageField(datum.SitePageFieldIds)" ng-show="datum.SitePageFieldIds" class="ng-binding ng-hide">Fund Objective</a>
                            <span ng-show="!datum.SitePageFieldIds" class="ng-binding">Fund...