Angularjs data grid

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

• easy to start: <q-grid rows="data"></grid> should be enought to start
• 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

• $ 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

sandbox

• expressive templates Dmitry S.
• plugin components Dmitry S.
• sticky header/footer Maxim
• column generation from data Maxim
• column reordering and resizing Maxim
• pagination Valentin
• embeded editors Vladimir
• column path Ivan

• virtualization of vertical & horizontal scrolls (handle large data sets) Valentin
• infinite scroll Valentin
• filtering Valentin
• sorting Evgeniy
• selection Dmitry K.
• checkable rows Dmitry K.
• column chooser Evgeniy
• keyboard navigation Kate
• frozen/pinned columns Kate
• export api Mikhail
• table editing Mikhail
• inline row editing Fedor
• row details Fedor
• multi-column header Dmitry K.
• predefined aggregations Stepan

• component api
  • expressive header and cell templates for particular data
  • reach bindings
• javascript api
• column generation from data
  • camel case to pretty form
• virtualization of vertical & horizontal scrolls (handle large data sets)
• sticky header
• multi-column header
• column reordering and resizing
• client/server side pagination
• client/server side infinite scroll
• client/server side filtering
  • filter row
  • filter popup with checkboxes (like in excel)
  • expression-builder
• client/server side sorting
• cell, row and column selection
  • disable api for particular data
• grid toolbar
• grouping/hierarchy
• aggregation
  • by count
  • by expression
  • total footer
• pager
  • should reflect on infinite scroll
• row details
• inline row editing
  • confirmation api
  • edit/save actions
• table editing
  • add new rows(placeholder row?)
  • delete rows
  • confirmation api
• edit api
  • e.g. for modal dialog edit
  • validation
• embedded editors
  • text
  • number
  • date
  • time
  • uri
  • password
  • file
  • image
  • autocomplete
• checkable rows
  • select all button on header
  • select all with pagination?
• column-chooser
  • possibility to declare default set of columns
  • change column order by drag and drop
  • persistable model
• tooltips
• export
  • excel
  • pdf
  • csv
• copy
  • to excel
• frozen/pinned columns
  • from left and right
• keyboard navigation
• small screen support
• localization
• predefined aggregations
• pivoting
• row index column
• master details grid
• floating rows (set several footer/header fixed rows)
• range selection
• status bar
• legend bar

##licence Code licensed under MIT license.

• material design

• dillinger

• chai
• mocha
• karma
• eslint

• webpack
• babel
• babel polyfill

• 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