I'm facing an issue with a table inside a div styled as table-wrapper:
.table-wrapper {
display: inline-block;
overflow-x: scroll;
width: 800px;
}
Although I want the div to display a horizontal scrollbar so that the table inside it can have the necessary width, the problem is that the table still adjusts itself to fit exactly within the wrapper's width, making the scrollbar ineffective. Here is the style for the table:
.elements-table {
width: 100%;
}
How can I ensure my table spans the required width?