Expected behavior

I want to be able to make the dataden table take up the entire width of the parent div rather than just the width of the columns.

Actual behavior

Right now my parent div takes up almost the entire width of the screen but the actual table only takes up about 2/3 of it. In the html that renders on the page it says the width is 1400px which is the sum of the width's of each column but I want to be able to control the width of the table in terms of the parent div and make it 100%. Is that possible? Ideally I would want to be able to control the width of the columns as well in terms of percentages rather than px.

Resources (screenshots, code snippets etc.)