Esta diretiva permite criar tabelas com sub linhas
Time ui-tree-grid:
bower install ui-tree-grid --save
CSS
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"/>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"/>
<link rel="stylesheet" href="ui-tree-grid/css/ui-tree-grid.min.css"/>
Scripts
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.20/angular.min.js"></script>
<script type="application/javascript" src="ui-tree-grid/js/ui-tree-grid.min.js"></script>
<div
ng-init="data = [{name: 'Guilherme'},{name: 'Rafael'}];"
ui-grid=""
data="data"
></div>
-
DATA (Required)
Recebe array com os dados da grid caso deseja utilizar sub grid será utilizado o nó children
[ { "name": "Guilherme" } ]
-
COLUMNS (Opcional)
Informa as colunas que devem ser utilizadas pela grid
-
SEARCH-TEXT (Opcional)
Passar o model que será utilizado para efetuar busca nos dados
-
SELECT-ROW (Opcional)
Modificar o evento de select de linha
-
ICON-TEMPLATE (Opcional)
Incluir template com icone
grunt test