material-ui-table-edit

Material UI Table Edit

Install

npm i material-ui-table-edit

Usage

``javascript
const React = require('react')
const ReactDOM = require('react-dom')
const getMuiTheme = require('material-ui/styles/getMuiTheme').default
const baseTheme = require('material-ui/styles/baseThemes/darkBaseTheme')
const EditTable = require('material-ui-table-edit')
const container = document.createElement('div')

document.body.appendChild(container)
const headers = [
{value: 'Name', type: 'TextField', width: 200},
{value: 'Address', type: 'TextField', width: 200},
{value: 'Phone', type: 'TextField', width: 200},
{value: 'Date', type: 'DatePicker', width: 200},
{value: 'Enabled', type: 'Toggle', width: 50},
{value: 'Last Edited By', type: 'ReadOnly', width: 100}
]

const rows = []

const onChange = (row) => {
console.log(row)
}

const Main = React.createClass({
getChildContext () {
return {muiTheme: getMuiTheme(baseTheme)}
},

childContextTypes: {
muiTheme: React.PropTypes.object.isRequired
},

render () {
return (
onChange={onChange}
rows={rows}
headerColumns={headers}
enableDelete={true}
/>
)
}
})

ReactDOM.render(


,
container
)
``

Code of Conduct

Contributing

Changelog