ui-tree-grid

Esta diretiva permite criar tabelas com sub linhas

Colaboradores

Time ui-tree-grid:

• Guilherme Mangabeira Gregio
• Rafael Antonio Lucio

Instalação

bower install ui-tree-grid --save

Configuração

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>

Uso

<div
    ng-init="data = [{name: 'Guilherme'},{name: 'Rafael'}];"
    ui-grid=""
    data="data"
></div>

Opções

• 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

Teste

grunt test