dtupalov / react-material-ui-datatable Goto Github PK
View Code? Open in Web Editor NEWMaterial UI Datatable in React way
Home Page: https://dtupalov.github.io/react-material-ui-datatable/
License: MIT License
Material UI Datatable in React way
Home Page: https://dtupalov.github.io/react-material-ui-datatable/
License: MIT License
For uncontrolled component need to add ability for managing selected rows (in toolbarSelectActions)
Need to cover with tests ReactMUIDatatableModel
component as it's main component in the lib.
Add column name with dot notation to have access into deep object in data
prop
Hi, when I change an item in the users array, the datatable is not re-rendering with the updated data, am I missing something? here's my code:
<ReactMUIDatatable title={'Lista de Usuarios'} data={users} columns={columns} perPage={15} toolbarSelectActions={this.customToolbarSelectActions} onStateChanged={this.handleStateChanged} />
Need to decompose actual model for state and logic. For stateful component we will connect our logic to built-in state, for stateless - will use only built-in logic, but state will receive from outside.
Add setup for columns:
empty table rendered when search string was not found I want to add label as No data Found for this case.
Colleagues, I need your help!
Please, left your use cases of using datatable in this thread!
I want to collect most common cases, to know, what you need firstly.
Thank you!
Add native deletable rows
toolbarSelectActions
didn't passed, then render Delete button and native handle deleting rowstoolbarSelectActions
was passed, then pass handleDelete
into toolbarSelectActions
function and make native delete if handleDelete
was calledIn case with uncontrolled table component, need to give opportunity to change state with data, because there are cases when we want to delete data async, wait response, and if it was successfully remove selected rows from table.
Make selectionType
prop, with possible types: allData
- will select all current data in the table, or allDisplay
- will select only visible data on the page.
Need to memo functions, that make calculation of current state, to exclude recalculation after each re-render
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.