AngularJS CRUD Table Directive

AngularJS CRUD Table Directive Created by itswadesh. This templates have specific characteristics, namely: A material designed version of database CRUD generator with more features available .

You can use this AngularJS CRUD Table Directive on Javascript category for admin table, AngularJS, crud, Database Table, mongodb, nodejs and another uses.

AngularJS CRUD Table Directive
© Copyright by itswadesh

Main Features:

  • Video preview resolution: None
  • Software version: jQuery, Node.js
  • High resolution: Yes
  • Compatible browsers: IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge
  • Files included: JavaScript JS, JavaScript JSON, HTML, CSS

CRUD Table

A material designed version of database CRUD generator with more features available here

  • CRUD-Table directive
  • Website authentication

Helpful AngularJS application with a directive to interact easily with the most common tasks of database (Create, Read, Update, Delete, Filter, Sort, Export) with just a single line of code utilizing the power of AngularJs Directives, Filters, Factory, Resources.

  <crud-table api='API NAME' cols='[{'name':'text'},{'info':'text'}]'></crud-table>

How to install video

1 line of command to install in your local machine

npm install && bower install

1 line of command to start the application

grunt serve

line of code to add database CRUD to html page

  <crud-table api='YOUR_API_NAME' cols='[{'name':'text'},{'info':'text'},{'active':'boolean'}]' noedit='true'></crud-table>


  • Select
  • Create
  • Update / Edit
  • Delete
  • Search / Filter / Sort
  • Export
  • Show / Hide Columns
  • Delete confirmation with modal
  • Column Filters
  • View change from table to grid
  • Infinite scrolling
  • Loading indicators
  • Realtime updates – Any changes to database is updated in Realtime
  • Smooth Animations
  • Count total number of records returned
  • Token expire time
  • Cookie store
  • Session management
  • Login
  • Signup
  • Change Password
  • Password encryption with SHA1
  • Automatic minification, compression, CDNify during deployment
  • Live reaload while development
  • User roles
  • Auto selection of resources for development and production
  • API with role based authentication
  • SEO optimized title for each page
  • Responsive front end to fit any screen
  • Modular code structure for faster development
  • Partial pages for changing themes on fly
  • Each module is placed inside its own directory for easy management
  • Out of the box directives: onlyNumbers, animateOnChange, passwordMatch, ngConfirmClick, errSrc, datetimepicker, datepicker, modalWindow
  • Out of the box filters: unique, labelCase, camelCase, reverse, active, status
  • Animations: ng-repeat, ng-if, ng-show
  • Nested routing mechanism using ui-router
  • Separate configuration envirnoment for development and production
  • Quick start video guide
  • Message for post confirmation/error
  • Modal system – so that user won’t have to leave the page for updation