angularjs - Angular + Bootstrap Responsive Design + Data Grid (DataTables/UI Grid) -

angularjs - Angular + Bootstrap Responsive Design + Data Grid (DataTables/UI Grid) -

i have big collection of info display in datagrid (1000+ records). want have grid responsive , lazy load info angular bindings. application requirement not allow me utilize pagination concepts.

the test/pan, results, additional info clickable links display inline contents in same row (like detail row variable heights).

i not sure how approach kind of design within datagrid using jquery datatables or angular ui grid. sure can displayed using bootstrap table number of bindings problem doing in angular way 1000+ rows. each row have 50+ properties.

i not designer , not sure how attack it. expert direction helpful.

angularjs twitter-bootstrap datatable angular-ui ng-grid