html - Make inside table be as wide as its contents inside an overflowing div -

i have table inside div style table-wrapper:

.table-wrapper {     display: inline-block;     overflow-x: scroll;     width: 800px; } 

as can see want div show horizontal scroll bar table inside can wide should. problem is, table still adjust occupy width of wrapper, rendering scrollbar useless. table style:

.elements-table {     width: 100%; } 

how can table wide should?

when use width:100%, element try match width of parent container, in case 800px.

you'll need set hard or min-width on table have parent .table-wrapper scroll.