Stolostron / React Item View

A react component for viewing items as a table or catalog card view.

Installation

npm i @stolostron/react-data-view

Use PatternFly guidelines
Support small screens using PatternFly responsive designs
- Toolbar collapsing
- Filters collapsing
Use shadows as a visual indication that one surface has slid behind another surface
- Work with PatternFly to adopt shadows

Support table only view (no catalog)
Support horizontal scrolling with sticky headers and columns
Support column management
- Support custom columns based on data labels
- Persist column configuration to local storage
- Save multiple column configurations and switch between
Virtualized table rendering (performance)

Filtering, Searching, Sorting of 1,000 items (performance - previously 100,000 with PF4)
Fuzzy search (Fuse.js)
- Search on fields with weights
Persist search and filters to url query string
- Allows saving a URL with preselected search & filters
- Allow reload of page without losing filter & search

Name		Name	Last commit message	Last commit date
Latest commit History 516 Commits
.github		.github
assets		assets
demo		demo
src		src
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
.prettierrc.json		.prettierrc.json
README.md		README.md
babel.config.json		babel.config.json
package-lock.json		package-lock.json
package.json		package.json
tsconfig.json		tsconfig.json
tsconfig.prod.json		tsconfig.prod.json
webpack.config.ts		webpack.config.ts
webpack.tsconfig.json		webpack.tsconfig.json