CODEWITHSUNDEEP
htmlcssjquery-mobile
Pandarian Ld
Pandarian Ld

Reputation: 767

The table present different when the device's width is too small

I create a table in jquery-mobile and the table present different from what I want it to be when the device's/screen's width is too small.

This is what I expect (when I open in web preview)

enter image description here

This is what it be in mobile simulator

enter image description here

I want each row represent in the same line
[Position] [Level] [DeleteBtn]
Not the seperate line
[Position]
[Level]
[DeleteBtn]

Thank you for suggestions or solutions.

Ps. I also want the Damaged Position(s): label to align the same horizontal position of the plus button. If you know the solution, it will be welcome. ;)

Upvotes: 0

Views: 79

Answers (1)

Ofir
Ofir

Reputation: 1855

I think it's the "reflow" data-mode. Check it out here.

If you want to keep it, you should make sure there is enough space for all columns (otherwise, it will break into a stacked presentation)

A similar question that might help: here.

Also, according to jquery, reflow is the default, so removing it shouldn't help

Upvotes: 2

Related Questions