Best way to represent a Grid or Table in AngularJS with Bootstrap 3? [closed]

by

After trying out ngGrid, ngTable, trNgGrid and Smart Table, I have come to the conclusion that Smart Table is by far the best implementation AngularJS-wise and Bootstrap-wise. It is built exactly the same way as you would build your own, naive table using standard angular. On top of that, they have added a few directives that help you do sorting, filtering etc. Their approach also makes it quite simple to extend yourself. The fact that they use the regular html tags for tables and the standard ng-repeat for the rows and standard bootstrap for formatting makes this my clear winner.

Their JS code depends on angular and your html can depend on bootstrap if you want to. The JS code is 4 kb in total and you can even easily pick stuff out of there if you want to reach an even smaller footprint.

Where the other grids will give you claustrophobia in different areas, Smart Table just feels open and to the point.

If you rely heavily on inline editing and other advanced features, you might get up and running quicker with ngTable for instance. However, you are free to add such features quite easily in Smart Table.

Don’t miss Smart Table!!!

I have no relation to Smart Table, except from using it myself.

More Related Contents:

  1. ng-options with simple array init
  2. AngularJS: Service vs provider vs factory
  3. Why does AngularJS include an empty option in select?
  4. AngularJS: ng-model not binding to ng-checked for checkboxes
  5. Filtering by Multiple Specific Model Properties in AngularJS (in OR relationship)
  6. AngularJS: How to make angular load script inside ng-include?
  7. Injecting $scope into an angular service function()
  8. AngularJS: ng-show / ng-hide not working with `{{ }}` interpolation
  9. Enforcing unique usernames with Firebase simplelogin
  10. Angular $scope.$apply vs $timeout as a safe $apply
  11. How do I fix the npm UNMET PEER DEPENDENCY warning?
  12. Preserve line breaks in angularjs
  13. Using angularjs filter in input element
  14. How to access global js variable in AngularJS directive
  15. calling method of parent controller from a directive in AngularJS
  16. $apply already in progress error
  17. Math functions in AngularJS bindings
  18. Clear History and Reload Page on Login/Logout Using Ionic Framework
  19. How to return image from $http.get in AngularJS
  20. What is the Angular ui-router lifecycle? (for debugging silent errors)
  21. How do I create an AngularJS UI bootstrap popover with HTML content?
  22. How to getText on an input in protractor
  23. Track to see when a view changes in angularjs
  24. Angular.js programmatically setting a form field to dirty
  25. How to detect browser using angularjs?
  26. How can I preserve new lines in an AngularJS partial?
  27. Exclamation mark after hash (#!) in angularjs app
  28. XMLHttpRequest cannot load and Response for preflight has invalid HTTP status code 405
  29. Prepend optional attribute in angular ui-router URL
  30. E2E mock $httpBackend doesn’t actually passThrough for me

Leave a Comment