/ng

Angular grid

Primary LanguageJavaScriptMIT LicenseMIT

qgrid

Angularjs data grid

examples

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

core concepts

  • 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

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

design

sandbox

featires in review

features in progress

backlog

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

references

themes

markdown

test

build

grid