https://github.com/Orange-OpenSource/elm-advanced-grid

An Elm module to display feature rich grids in web apps.
https://github.com/Orange-OpenSource/elm-advanced-grid

Last synced: 3 months ago
JSON representation

An Elm module to display feature rich grids in web apps.

• Host: GitHub
• URL: https://github.com/Orange-OpenSource/elm-advanced-grid
• Owner: Orange-OpenSource
• License: other
• Archived: true
• Created: 2019-09-30T14:03:34.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2021-02-26T14:43:43.000Z (over 3 years ago)
• Last Synced: 2024-07-20T23:47:48.973Z (4 months ago)
• Language: Elm
• Size: 3.4 MB
• Stars: 12
• Watchers: 16
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Elm Advanced Grid

This library displays a dynamically configurable grid of data.

![](https://raw.githubusercontent.com/Orange-OpenSource/elm-advanced-grid/1.0.1/docs/screenshot.png)

It offers in-place filtering and  sorting, multiple selection, click event listener and

customizable rendering of the rows and cells.

Columns can be resized using the mouse. They can also be reordered by drag and drop.

Values in a column may be selected by a quick filter popup, displayed when clicking the funnel icon.  

 

The data can count more than 20,000 lines, with a limited performance impact, thanks to the use of [FabienHenon/elm-infinite-list-view](https://package.elm-lang.org/packages/FabienHenon/elm-infinite-list-view/latest/) under the hood.

[Demos](https://orange-opensource.github.io/elm-advanced-grid/) are available.

 

See the src/Examples directory content for the source code of the examples.

## Changelog

v2.0

* Model is private now

* add quick filters

* translation of labels

* cells in String columns may be editable

## TODO

* Translate the "preference" word