Wrapping a reactabular row with an HOC/Context #360

Activity

1. dannyhuly

   changed the title [-]Wrapping table a row with an HOC/Context[/-] [+]Wrapping a reactabular row with an HOC/Context[/+] on Oct 15, 2018
2. bebraw commented on Oct 17, 2018

   

   bebraw

   on Oct 17, 2018

   Member

   More actions

   Did you notice the components API? Technically you can override anything that's in the structure (the component is headless).

   Could you set up a small example of what you have together so far?
3. bebraw commented on Oct 21, 2018

   

   bebraw

   on Oct 21, 2018

   Member

   More actions

   Here are the related docs: https://reactabular.js.org/#/table/overriding-default-renderers .
4. dannyhuly commented on Oct 31, 2018

   

   dannyhuly

   on Oct 31, 2018

   Author

   More actions

   Its looks like using the Table.Provider renders (specifically the body.row) can help with wrapping the TableRow with a HOC.

   const RowWrapper = props => (<tr>...</tr>);

   <Table.Provider
     columns={...}
     renderers={{
       body: {
         row: RowWrapper
       }
     }}
   >
      ...
   <Table.Provider />

   The thing is that the RowWrapper only receives children.
   If props like property and rowData would pass throughה 'TableRow' then a RowWrapper would have the scope that I need.
   The bad thing about passing down extra props will be the additional renders on row rather then only render on cells (From what I understand).

   Close, but no cigar (yet).
5. bebraw commented on Oct 31, 2018

   

   bebraw

   on Oct 31, 2018

   Member

   More actions

   @dannyhuly I'm working on a small re-design (separate branch) but I haven't gotten around to finishing it yet as I've been too busy with paid work (I do this one for free so it progresses slowly). Likely finishing that might help in this particular case as it makes the library more flexible.