qgrid

Angularjs data grid

examples

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

installation

• $ npm install ng-qgrid
• $ bower install ng-qgrid
• https://plnkr.co/edit/cz0CL7?p=preview

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

release

• $ npm run release create release version with tag. You should be authorized as qgrid user to publish it to npm
• $ npm run publish publish the code to github pages

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

virtualization

• vscroll

expressions

• expression builder

markdown

• dillinger

test

• chai
• mocha
• karma
• eslint

build

• webpack
• babel
• babel polyfill

grid

• primeng
• 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 / ng2-table
• iron data table
• Handsontable
• SlickGrid
• DataTables
• jqGrid / trirand / guriddo
• jsGrid
• DevExtreme
• DHtmlXGrid
• Webix spreadsheet
• FancyGrid
• Data Grid
• Clusterize
• Ng table
• Smart-Table
• ngx-datatable
• recline
• w2ui grid
• Ember table
• jtable
• dgrid
• React-Spreadsheet-Component
• react-pivot
• jQuery.sheet
• paramquery
• bs_grid
• jexcel
• sou-react-table
• jui_datagrid
• cell-cursor
• react-virtualized-pivot
• ipgrid
• ingrid
• tgrid
• dynamic-table