Column Data does not respond to a state change about react-tabulator

[ngduc]

@VidaShannon I tried to update columns when prop changed but it became more complicated. (I have to keep it in state for that)

I think this is simpler to use:
this.ref.table.setColumns(newColumns);

[cocodrino]

Hi @ngduc but i'm a little upset...I've spend some time configuring this table, adapting my ajax response and working for display data, now I need add a new column and I discover that this table is not reactive and don't respond to my table changes.

I think that would be useful for other people include this information in the readme, I don't have so much time for try any other table solution and I'd be open even to re render my table if there is some change in the table config or in the data, do you know how can I rerender my table on changes? I'm using a functional component with my table inside...

also, I need that when I press some button my table change, so the columns after click are differents, I'm afraid that this will be impossible with this lib.

thank you

[cocodrino]

@ngduc I think that using $("#example-table").tabulator("redraw", true); could works for me, forcing to redraw the entire table if the columns are different (I could comparte the columns with some state) but I don't know how achieve this with react (and avoid jquery)

[ngduc]

@cocodrino assume your table looks like this:

<ReactTabulator
          ref={ref => (this.ref = ref)}
          columns={columns}
          data={[]}
          options={options}
        />

after changing your columns, call:
this.ref.table.setColumns(newColumnArr);
it should tell the table to redraw with the new newColumnArr.

I'll revisit the reactive columns prop idea when I have some bandwidth.