how fit the data to my cell?

[ngduc]

how fit the data to my cell?

[cocodrino]

@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

[ngduc]

@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...]

[cocodrino]

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

[ngduc]

This is what I have so far:

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.

[cocodrino]

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

[cocodrino]

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

[ngduc]

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

[cocodrino]

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