i noticed you resolved your issue :+1:
i've been quite busy this year so i haven't had time to focus on the lib
but i think now that react has hooks, there could be some chance for a great simplification
i also went all-in with typescript so typing the lib would be great too
it's more about time/money at this point. i have to give income generating dev higher priority atm
Hi, I had a question. My question might be simple but I have been stuck on it for a while. I am using a table where I have logic inside the columns definition. One of the logic is converting the data I get from one of the cells but my problem is the logic runs the first time but doesn't run again when I refresh. I have tired Table
Overriding shouldComponentUpdate that you have but I havn't been able to get it to work. Let me know if you have an guidance or suggestions. I also understand you are busy so I will try to have a link to the code to make it easier for you. I also have one more problem but it is basically boilers down to getting cells rendering when state changes . Thank you ahead of time for any help. I will try to get you a link as quick as possible.
Overriding shouldComponentUpdate that you have but I havn't been able to get it to work. Let me know if you have an guidance or suggestions. I also understand you are busy so I will try to have a link to the code to make it easier for you. I also have one more problem but it is basically boilers down to getting cells rendering when state changes . Thank you ahead of time for any help. I will try to get you a link as quick as possible.
it definitely sounds like SCU
@bebraw Hi , had a question.. Some confusion in formatters and transforms. I have a formatter fn whose value depends on the corresponding rows values. But i want to make it editable too. I have tried adding a calcfn which calculates its value based on corrensponding row values and a editable for it. But currently only the cell is becoming editable but it doesnt has any value.. means formatter is not getting executed. what is the issue or what may be the soln..? Thanks..
the official docs might have something more complicated somewhere too
https://reactabular.js.org/#/examples/excel is doing something a bit more
and https://github.com/reactabular/react-edit#readme has the editing logic
Hi, Thanks for the library, it's awesome! I have a question. In the CRUD example, for the Active column, if I click on a row and then click down a row without selecting, the edit view on the first row does not get removed. How would I get the edit view removed when selecting another field to edit on a different row?
@samthecarman
editable(edit.boolean()) - my bet the issue is in edit.boolean
check https://github.com/reactabular/react-edit/blob/master/src/edit.js -
isEditing(extraParameters) feels weird
i think if i wrote the lib now, i would drop most of the abstractions and use hooks for bits where it makes sense
but i would say the design aged well - now headless components have become trendy
the design has lasted the time quite well. there are some things i would alter but not much
one of the main things i would try is to integrate react-window through hooks to get easy and efficient virtualization
virtualization included in reactabular doesn't do absolute positioning so it's less performant. i don't know what's the current limit on that, though
I have a question related to the implementation of the Virtualized table. I followed the second example in the virtualized feature guide, however Im getting the error body.getRef(...).getRef is not a function
Thank you very much for the heads up @bebraw! The integration with hooks would be terrific!
Right now I only have that question related to the implementation of the virtualized table though. I have been looking through the internet and I haven't found someone with my problem ☹️ I'm guessing there must be something really foolish I'm forgetting about
However, I'm not sure if this is the right channel to ask this kind of questions
likely the best bet is to compare with the official example and dive into the codebase to see what it's doing
the ref handling part is somehow tricky
somehow the API aged well. headless APIs are popular these days
i guess the main question is what would it look like if we redesigned reactabular around react hooks
i have a full example with resizing at https://reactabular.js.org/#/features/resizing-columns
I want to display a default message like 'No data available for search {key}'
I couldn't figure out exactly on how to do this
Could you let me know where should I add this or how could I implement this
I'm a new bee to React/Redux... If my question isn't clear or if you need more information please let me know
here's what i would do - 1. check https://reactabular.js.org/#/features/search 2. then instead of
<Table.Body rows={searchedRows} rowKey="id" /> do searchedRows.length > 0 ? <Table.Body rows={searchedRows} rowKey="id" /> : 'No data available...'
the cool thing is that you can do this outside of the components and handle it as you prefer. the key point is to check against
searchedRows array
@varapraveenu i hope this helps