I have a web app that is built aimed primarily at iPads on full screen mode. I've got to implement a select-able grid/matrix that has two levels of selections - one main item selection and one sub item selection. It looks something like this from our design:

First picture has main item selection, and 

Grid Pic 1
----------

Grid Pic 2
----------

The application is built on AngularJS, and Bootstrap3. Right now we have implemented a working version of the grid using a custom jQuery plugin we authored and now are wondering why we ever did it. The code is buggy and constantly throws up new bugs. We are looking for an alternative form of implementation, hopefully a pure AngularJS one.

The criteria we're looking for are:
 1. Responsiveness across devices - iPad/desktop
 2. Stable DOM structure compatible with filtering (search bar at the top needs to work - not shown in figures).
 3. Quick rendering from dynamically changing AJAX data.
 4. Touch friendly

What are the best methods/ng-modules to implement something like this? We are on the verge of deciding to write a custom module, but don't wanna reinvent the wheel!

We did see ng-grid, but it still seems to be in Beta. We need a stable module.
SmartTable seems to be the most decent option as of now.

TIA!