I am trying to use my html to handle all of the sizing of the table. I have set the width and height of the container to be 50% of the size of the screen in the html, and set the overflow to hidden. Then used the stretchH: “all” option.
The expected behavior would be for the columns to fit automatically inside of the defined width, and for the cells to overflow on the height.
https://jsfiddle.net/67a8qb5g/194/
As you can see from the fiddle, the width of the columns is not matching up with the width of the cells.
As you can see in this fiddle example. The code does work if I set the width using pixels instead of %
https://jsfiddle.net/q5xys367/2/
Conclusion:
It appears that StretchH: “all” and setting width by % are incompatible.