Dynamic Header about react-super-responsive-table HOT 4 CLOSED

Ahh, I get it now. Your table starts with two headers, then you add more, and it doesn't update. Add something that changes with the headers as the Table key, like products.length.

<Table
        key={products.length}
        border={0}
        className={classes.table}
        aria-label="simple table"
      >

Now, every time the products change, the header state will update.

from react-super-responsive-table.

Ok, that works. Thank you very much @coston .

from react-super-responsive-table.

Hey @jdrag12. Would you mind sharing the snippet with https://codesandbox.io or similar? I'll see if I can help.

from react-super-responsive-table.

Sure Coston, thanks a lot.

Codesandbox URL: https://codesandbox.io/s/crazy-kare-nr79u
Issue: The table is rendered dynamically according to the products selected; when more than 2 products are selected, the first 2 headers are the only ones visible for small devices.

from react-super-responsive-table.