diff --git a/examples/react/full-width-resizable-table/src/index.css b/examples/react/full-width-resizable-table/src/index.css index cad3351a76..82f3c62801 100755 --- a/examples/react/full-width-resizable-table/src/index.css +++ b/examples/react/full-width-resizable-table/src/index.css @@ -5,6 +5,12 @@ html { table { border: 1px solid lightgray; + table-layout: fixed; +} + +th, +td { + overflow: hidden; } tbody { diff --git a/examples/react/full-width-resizable-table/src/main.tsx b/examples/react/full-width-resizable-table/src/main.tsx index 2084ba1c29..1bc141f667 100644 --- a/examples/react/full-width-resizable-table/src/main.tsx +++ b/examples/react/full-width-resizable-table/src/main.tsx @@ -79,7 +79,12 @@ function App() { return (
- +
+ + {table.getVisibleLeafColumns().map((column) => ( + + ))} + {table.getHeaderGroups().map((headerGroup) => ( @@ -88,7 +93,7 @@ function App() { {row.getVisibleCells().map((cell) => { return ( -
{header.isPlaceholder ? null @@ -117,7 +122,7 @@ function App() {
+ {flexRender( cell.column.columnDef.cell, cell.getContext(),