JSFiddle - React, Tailwind, and code Playground

by Vimalan

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
                     <div class="row">
                     <div class="col-2">Information area</div>
                     <div class="col-6">
                      <table class="table table-sm table-bordered">
                        <thead>
                            <tr class="row no-gutters">
                                <th class="text-center d-inline-block col-1">
                                    <input type="checkbox" class="update-action-all" />
                                </th>
                                <th class="text-center d-inline-block col-5">Action</th>
                                <th class="text-center d-inline-block col-3">Count</th>
                                <th class="text-center d-inline-block col-3">Warning</th>
                            </tr>
                        </thead>
                        <tbody id="ActionViewTableBody">
                        </tbody>
                    </table>
                     </div>
                     </div>