Provides a way to display submission data within the Angular UI-Grid.
JavaScript HTML Angular UI-Grid component

This library allows submission data to be rendered within a Angular UI Grid. This introduces a new directive that produces a Grid view of the submission data provided the Form within

<formio-grid src="''"></formio-grid>

This will render the Submissions like so.


You can install this library by typing the following command in your application.

bower install ng-formio-grid --save

Once you have this installed, you can add this library to your application with the following <script> tag.

<link rel="stylesheet" href="" />
<script src=""></script>

You will now need to add this module within your Angular.js application declaration like so...


angular.module('yourApp', [


Now that you have the library installed, you can then do the following to add a form to your application.

  • Create an account on
  • Create a new project.
  • Create a Form within your project.
  • Add some submissions to this form.
  • You can then embed the data grid within your application using the following snippit of code.

<formio-grid src="''"></formio-grid>

Full Documentation

To view detailed documentation, go to


The Team!