Comments (8)
@ngduc if it's not possible I would like to re render my table with new data, can I do that?...I have a tag row but it's not growing as expected and many tags are hidden...I don't have problem in force a re render but I'd like solve this issue soon
from react-tabulator.
@cocodrino look like you need it to wrap, not sure it is possible cc @olifolkerd
I'd suggest you show a tooltip (popover) to show full data & the cell can render like:
tag1 tag2 [3 more tags...]
from react-tabulator.
oh..ok...thanks for the fast reply...the problem is that I need that my column will be editable...it's like the example where when you clicked in the cell it's become editable
from react-tabulator.
https://codesandbox.io/s/0mwpy612xw?module=/src/components/Home.js
Code:
https://github.com/ngduc/react-tabulator/blob/master/src/editors/MultiSelectEditor.tsx
You can enhance it to fit your need. Please have a PR if you have a better custom editor :) Thanks.
from react-tabulator.
yes I checked that code, actually my tags are based on that code, the problem is that with many tags the cell doesn fit :S ...probably the content must use flex
from react-tabulator.
is there a command for force rerendering?...I don't care if my table overflow the screen, I don't know if this can be a simple solution
from react-tabulator.
setState data doesn't work? check this example:
https://github.com/ngduc/react-tabulator/blob/master/src/ReactTabulatorExample.tsx#L85
or, you can use this.ref.table.setData(this.state.tableData) like this:
#121
from react-tabulator.
although is not a solution, using ccs I convert that cell to flex, so this can wrap, and add more vertical space, at least fix 6 or 7 tags without problem, it's not a perfect solution but at least it's a workaround to it
from react-tabulator.
Related Issues (20)
- React Tabulator failing to return valid date from ISO 8601 timestamp
- targets.row.findCell is not a function HOT 9
- Bug: Table does not reflect changed options HOT 1
- Managed data causes table re-render which breaks edit experience
- Update to Latest Tabulator Version to Fix Major Bug
- Question: rowClick throws error in react functional component HOT 4
- Responsive Collapse Not Working on latest version but works on version 0.15.0 HOT 1
- How to get data of entire table in react tabulator?
- Movable columns buggy on nested columns
- tabulator_tables_1.TabulatorFull is not a constructor
- bug: Issue on scrolling horizontally with the first column freeze and enable horizontal virtual dom HOT 2
- Is this repo updated frequently? HOT 1
- Add value "list" to Editor @types
- Bug: function reactFormatter uses ReactDOM.render HOT 6
- Can we expect update for the repo HOT 2
- movableRowsReceiver not working for me
- Bug: event target lookup error and column not update
- Columns cannot be resized in 0.19.0 HOT 3
- update to tabulator 5.6 HOT 2
- headerFilter select (list) doesn't work (Editable Table Example)
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 react-tabulator.