JSFiddle - React, Tailwind, and code Playground

by Cerlin ST

HTML

<div class="col-sm-12">
                    <div class="shadow-wrapper" style="overflow-y: auto;">
                        <div class="tag-box tag-box-v1 box-shadow shadow-effect-2 km-table-container">
                            <script id="tblScriptMember" type="text/x-jquery-tmpl">
                                <tr class="pointer">
                                    <td>${MemberCode}</td>
                                    <td>${MemberName}</td>
                                    <td>${MemberCardNo}</td>
                                    <td class="text-center">{{if MemberType == 'A'}}
                                        <input type="checkbox" checked="checked" disabled="disabled" />
                                        {{else}}
                                                <input type="checkbox" disabled="disabled" />
                                        {{/if}}
                                    </td>
                                    <td>${MemberNIK}</td>
                                    <td>${ClientCode}</td>
                                    <td>${ClientName}</td>
                                    <td>${MemberRegistDate}</td>
                                    <td>${MemberBirthDate}</td>
                                    <td>${MemberEffStartDate}</td>
                                    <td>${MemberEffEndDate}</td>
                                    <td>${MemberModifiedDate}</td>
                                    <td>${MemberModifiedBy}</td>
                                </tr>
                            </script>
                            <table id="tblMember" class="table table-striped table-hover table-nomargin table-bordered lookup-table" style="width:1000px">
                                <thead>
                                    <tr>
                                        <th data-field-name='MemberCode' data-sort="asc" title="Sort Member Code">Member Code</th>
                                        <th...