JSFiddle - React, Tailwind, and code Playground

by shansubra

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<div class="table-responsive">
                                                            <!-- table -->
                                                            <table class="table table-striped table-bordered table-hover">
                                                                <thead>
                                                                    <tr>
                                                                        <th class="col-sm-3">Name</th>
                                                                        <th class="col-sm-3">Phone/Mobile No.</th>
                                                                        <th class="hidden-480 col-sm-3">Email</th>
                                                                        <th class="hidden-480 col-sm-3">Comments</th>
                                                                        <!--<th></th>-->
                                                                    </tr>
                                                                </thead>

                                                                <tbody>
                                                                    <tr ng-repeat="user in users">
                                                                        <td>
                                                                            <span editable-text="user.name" e-focus-me="user.isFocused" e-form="tableform" onbeforesave="checkName($data)">
                                                                                {{ user.name || 'empty' }}
                                                                            </span>
                                                                        </td>
                                                 ...