Jquery mobile responsive table is not 100% width despite CSS styles

Question

Could somebody help me to identify the reason why responsive table is not full width despite the instructions?

Please check this documentation page for the problem found in the first table on the page, http://view.jquerymobile.com/1.3.0/docs/widgets/table-reflow/.

In css it has width=100% applied, but the table is not full width.

Answer 1

It seems I found the problem. The table has this css

.ui-table-reflow.ui-responsive {
 display: table-row-group;
}

And if you remove this or change to display:table. Table starts to occupy the whole width.