ng-qgrid

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

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