Comments (6)
Hello everyone. I made a wrapper some months ago for an older version of react-table (v6), which was more like a standard table library (pretty vast in functionality, especially in manual mode, and provided with a built-in UI), but for the new HospitalRun we was internally more oriented to go with the last version (v7) and I decided to scrap the older work. There are many reasons that pushed us for this decision: primarily the fact that react-table v7 it's headless, which means we can adapt it to every UI we are going to build (and maybe update in the future). It also now uses hooks, which may be intimidating but provide much faster performances. Thanks @ocBruno for the research and the ideas 😄 I had to delay this task but now I should have more time to work on it.
from components.
@irvelervel I think we can start discussing about tables. Let's find the best component lib to start from. Some of the features we need are server side pagination, filtering, sorting and probabily inline editing, as @jackcmeyer pointed out. We need to support advanced filters, so we can express all of the possibilities of https://github.com/fox1t/qs-to-mongo
from components.
I was going to start the boilerplate for this but wasn't sure if the discussion points had been decided upon so I tried doing a little research. I found two libraries that might be good solutions.
I thought we could use this react data grid library and handle the server side pagination ourselves,
https://adazzle.github.io/react-data-grid
.. or this react bootstrap table library which already has a remote option for server side fetching
https://react-bootstrap-table.github.io/react-bootstrap-table2/storybook/
I'm not sure they fit the needs of the table component but give me a heads up if so and I'll give this issue a go!
from components.
@ocBruno Any reason react-tables isn't in this list? I think this is what the team had in mind for the table component. All thought, if you think there is a better solution, we'd love to hear it!
from components.
@ocBruno Any reason react-tables isn't in this list? I think this is what the team had in mind for the table component. All thought, if you think there is a better solution, we'd love to hear it!
@jackcmeyer Thanks for the feedback! I'm not sure how I missed this one lol, it does seem to be the best solution!
I'm going to begin attempting to bootstrap this component with react tables and some of the basic necessary features.
I am still not too experienced with react and typescript but have been studying and I will post my progress in case anybody wants to give me some feedback or spot me on a mistake!
from components.
🎉 This issue has been resolved in version 0.36.0 🎉
The release is available on:
Your semantic-release bot 📦🚀
from components.
Related Issues (20)
- Type '{ children: string; eventKey: string; }' is not assignable to type 'IntrinsicAttributes & Props'. HOT 1
- Add Logout icon HOT 4
- How Observable call HOT 1
- New Patient Icons HOT 9
- Select should show all options when opened regardless of filter HOT 6
- Any NavLink label should be able to be any React component HOT 6
- Add markdown support on homepages of Storybook HOT 9
- Provide callbacks for filter/search capabilities on table column HOT 16
- Table component should use generics HOT 3
- Callout css does not work when importing to frontend HOT 9
- Basic authentication prompt HOT 12
- v2.0.1 fails build of @hospitalrun/frontend HOT 4
- Modal Dialog Form: UX improvements relating to closing of component HOT 1
- Add Integration Testing during build pipeline
- Upgrade to React 17.0.x HOT 8
- Add Billing and Inventory icons HOT 2
- Add a billing icon HOT 4
- Add an inventory icon HOT 8
- Add tests and Storybook components for arrow icons HOT 3
- Select - add the ability to display error messages HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from components.