Overview

A react smart table that uses React-Semantic-UI Table component with added bells and whistles:

Sortable columns
Filter contents by searching for text across entire dataset loaded in table
Pagination support
Resizable details pane that shows hidden fields not displayed in the main table view
Show a custom component inside table view (replaces table contents completely)
Ability to send anchor links to details pane for cross-component navigation
Data edit and delete hooks
Pagniation hooks to control the user experience

Limitations:

Following screenshot shows the default smart table view with pagination enabled

Screenshot below shows how details pane is rendered when user clicks on a row. Additional record controls are visble in details pane.

Table filter field can be used to narrow down contents. This field can be set programmetically as well.

Usage

Refer to component/app.js on basic usage.

TBD

ISC

Name		Name	Last commit message	Last commit date
Latest commit History 2 Commits
.vscode		.vscode
docs		docs
image		image
src		src
style		style
.babelrc		.babelrc
.editorconfig		.editorconfig
.eslintignore		.eslintignore
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
README.md		README.md
index.html		index.html
package.json		package.json
smart-table.code-workspace		smart-table.code-workspace
webpack.config.js		webpack.config.js