qgrid

Angularjs data grid

examples

https://qgrid.github.io/ng/

installation

• $ npm install ng-qgrid
• $ bower install ng-qgrid

core concepts

• easy to start:

	<q-grid rows="data">
		<q-grid:columns generation="deep">
		</q-grid:columns>
	</grid>

• virtualization everywhere: rows and columns should be virtualizable
• considered styles: user should be able to make any css customization in easy format
• fully customizable: header, cells, rows, footer etc. should be templatable
• clear javascript: no html templates in javascript

development

• $ npm install prerequisites
• $ npm run start start the webpack development server on http:\\localhost:3030\demo
• $ npm run build:prod create a js bundle with webpack
• $ npm run lint run code quality tests
• $ npm run test run tests
• $ npm run test:debug watch and debug tests

dependency diagram

We are trying to encapsulate any ui framework(angular in our case) dependencies to the separate module. We believe that it will give us a chance to migrate q-grid to other environments without big efforts(in plans angular2, react and vuejs)

##licence Code licensed under MIT license.

references

themes

• material design

markdown

• dillinger

test

• chai
• mocha
• karma
• eslint

build

• webpack
• babel
• babel polyfill

grid

• ngx-datatable
• kendo-ng grid
• ui-grid
• ng-table
• addazle react data grid
• zippyui react data grid
• ag-grid
• js-grid
• advanced data grid component
• backgridjs
• kendo-ui grid
• ignite-ui grid
• devexpress grid
• devexpress asp.net grid
• devexpress silverlight grid
• wpf toolkit grid
• telerik silverlight grid
• infragistics silverlight grid
• ng2-supertable
• valor grid
• iron data table