JSFiddle - React, Tailwind, and code Playground

by Vinay Pratap Singh Bhadauria

HTML

<div collapse="!isCollapsedDebts">
                   <div class="well well-huge">
                    <table class="table table-condensed">
                      <tr>
                        <th>..</th>
                        <th>..</th>
                        <th>..</th>
                        <th>..</th>
                      </tr>
                      <tr ng-repeat="debt in user.debts">
                        <td>{{formatDate(debt.date)}}</td>
                        <td>{{debt.hour}}</td>
                        <td>{{debt.courtId}}</td>
                        <td>{{paymentText(debt.payment)}}
                          <div class="btn-group">
                            <a class="btn btn-info btn-mini dropdown-toggle" data-toggle="dropdown" href="#/debts"><i class="icon-edit icon-white"></i></a>
                            <ul class="dropdown-menu">
                              <li ng-repeat="choice in items">
                                <a ng-click="changePayment(user, debt, choice)">{{choice}}</a>
                              </li>
                            </ul>
                          </div>
                        </td>
                      </tr>
                    </table>
                  </div>
                </div>

CSS

.well-huge {
 padding-top: 0px;
}