Does V8 support flex-based tables?

[sebpowell]

I've used React Table in the past, and have recently started a new project using V8.

All the examples I have seen so far use regular table tags. In the past, I've used the useFlexLayout plugin, but I can't see any mention of it in the latest version of the docs, and I haven't been able to find any examples of tables being created using this approach. I'm assuming this plugin is deprecated?

Any guidance would be greatly appreciated, thank you in advance.

[Zertz]

The reason useFlexLayout no longer exists is that it's not needed anymore.

I removed the hook from useTable and updated the root node for cells:

react-table@7:

<div {...cell.getCellProps({ className: "..." })}>

react-table@8:

<div key={cell.id} className="..." style={{ width: cell.column.getSize() }}>

[User6531]

@Zertz Could you please share a full working example?

[luvvvdev]

@Zertz Could you please share a full working example?

Same question

[KevinVandy]

Lots of our examples use flexbox or grid styles, like the virtualized or some of the column resizing examples. Just use the CSS how you want to