emkay / Material Ui Table Edit
Licence: mit
Material UI Table Edit
Stars: ✭ 93
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Material Ui Table Edit
Reactables
GigaTables is a ReactJS plug-in to help web-developers process table-data in applications and CMS, CRM, ERP or similar systems.
Stars: ✭ 112 (+20.43%)
Mutual labels: material-ui, table
Feliz.MaterialUI.MaterialTable
Fable bindings written in the Feliz-style for material-table.
Stars: ✭ 17 (-81.72%)
Mutual labels: material-ui, table
Material Table
Datatable for React based on material-ui's table with additional features
Stars: ✭ 3,198 (+3338.71%)
Mutual labels: material-ui, table
Materialchipview
Material Chip view. Can be used as tags for categories, contacts or creating text clouds
Stars: ✭ 1,181 (+1169.89%)
Mutual labels: material-ui
Material Ui Color Picker
<ColorInput> component for material-ui
Stars: ✭ 74 (-20.43%)
Mutual labels: material-ui
React Express Webpack
React boilerplate with ES2015, Express.js, and Webpack 4
Stars: ✭ 84 (-9.68%)
Mutual labels: material-ui
Mui Downshift
Thin layer over paypal's downshift to use Material UI visual components
Stars: ✭ 90 (-3.23%)
Mutual labels: material-ui
Material Ui Layout
Declarative layout for Material UI
Stars: ✭ 71 (-23.66%)
Mutual labels: material-ui
Tksheet
Python 3.6+ tkinter table widget for displaying tabular data
Stars: ✭ 86 (-7.53%)
Mutual labels: table
Texttable
Swift package for easily rendering text tables. Inspired by the Python tabulate library.
Stars: ✭ 82 (-11.83%)
Mutual labels: table
Fullstack Shopping Cart
MERN stack shopping cart, written in TypeScript
Stars: ✭ 82 (-11.83%)
Mutual labels: material-ui
Floatthead
Fixed <thead>. Doesn't need any custom css/html. Does what position:sticky can't
Stars: ✭ 1,193 (+1182.8%)
Mutual labels: table
P32929.github.io
Second iteration of my portfolio - created using ReactJS, Material-UI, Overmind, etc
Stars: ✭ 84 (-9.68%)
Mutual labels: material-ui
Mson React
React and Material-UI Rendering Layer for MSON
Stars: ✭ 74 (-20.43%)
Mutual labels: material-ui
Gatsby Starter Procyon
An opinionated Gatsby starter designed for trash-eating pandas.
Stars: ✭ 88 (-5.38%)
Mutual labels: material-ui
Gitexplorer Android
Find the right git commands 🔥 without digging through the web.😊😊😉
Stars: ✭ 72 (-22.58%)
Mutual labels: material-ui
Auxpack
A dashboard for monitoring Webpack build stats.
Stars: ✭ 86 (-7.53%)
Mutual labels: material-ui
Create Mui Theme
online tool for creating material-ui themes
Stars: ✭ 80 (-13.98%)
Mutual labels: material-ui
Nextjs With Redux And Material Ui
A boilerplate NextJS with Redux and Material UI
Stars: ✭ 79 (-15.05%)
Mutual labels: material-ui
material-ui-table-edit
Install
npm i material-ui-table-edit
Usage
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 onDelete = (e) => {
console.log(e)
}
const Main = React.createClass({
getChildContext () {
return {muiTheme: getMuiTheme(baseTheme)}
},
childContextTypes: {
muiTheme: React.PropTypes.object.isRequired
},
render () {
return (
<EditTable
onChange={onChange}
onDelete={onDelete}
rows={rows}
headerColumns={headers}
enableDelete={true}
/>
)
}
})
ReactDOM.render(
<Main />,
container
)
Code of Conduct
Contributing
Changelog
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].