JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.js"></script>
<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.10.0.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<table ng-controller="DropdownCtrl">
    <tr ng-click="do()">
        <td>
            <!-- Single button -->
            <div class="btn-group">
              <button type="button" class="btn btn-default dropdown-toggle">
                Action <span class="caret"></span>
              </button>
              <ul class="dropdown-menu" role="menu">
                <li ng-repeat="choice in items">
                  <a>{{choice}}</a>
                </li>
              </ul>
            </div>
        </td>
    </tr>
</table>

CSS

table {
    width: 100%;
}

tr {
    background-color: #f00;
}

JavaScript

var myApp = angular.module('myApp',['ui.bootstrap']);

function DropdownCtrl($scope) {
    $scope.items = [
        "Action",
        "Another action",
        "Something else here"
    ];
  
    $scope.do = function() {
        alert('row clicked');
    }
}