JSPM

  • Created
  • Published
  • Downloads 3
  • Score
    100M100P100Q26341F
  • License MIT

React data grid

Package Exports

  • react-c-grid

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-c-grid) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-c-grid

Demo

Installation

npm install react-c-grid

Usage

import CGrid from 'react-c-grid'
// import index.css from node_modules/react-c-grid/lib to your sass or less file.

class App extends Component {
    constructor(props, context) {
        super(props, context)
    }

    render() {
        const columns = [
            { key: 'name', label: 'Name' },
            { key: 'email', label: 'Email' },
            { key: 'company', label: 'Company' },
            { key: 'phone', label: 'Phone' }
        ]
        const rows = [/* ... */]

        return <CGrid 
            rows={rows} 
            columns={columns} 
        />
    }
}

Sample

Run the sample:

# Install dependencies
npm install
# Run webpack-dev-server
npm run wds
# Start sample
npm start

Reward

If you are willing to pay me a cup of coffee, I will be very happy.
Scan the following WeChat QR code.

License

MIT