×
Menu
Index

Table Mobile Layout Properties Dialog

Table Mobile Layout Properties Dialog
1

Auto

1. Auto
Select this option to let the program determine automatically what layout strategies to use. Owing to the dynamic nature of a web page. It is most likely that the strategies determined are not appropriate. Deselect this option will show what options have been determined automatically without considering its relationship with the surrounding elements. You can then customize your settings.
2

Hide

2. Hide
Select this option to hide this element in mobile layout.
3

Center table

3. Center table
Center table horizontally.
4

Fit table within browser window width

4. Fit table within browser window width
Expand the width of this element to the width of the browser window.
5

Show horizontal scrollbar

5. Show horizontal scrollbar
Show a horizontal scrollbar if the width of the table is longer than the width of the browser window.
6

Show table rows vertically in two columns

6. Show table rows vertically in two columns
Show table rows vertically in two columns when layout the table in mobile. The first column will show the first row repeatedly as headings and the second column will show each row vertically.
 
For example, we have a table below:
 
 
In mobile layout, it will become:
 
7

Top margin

7. Top margin
Set the top margin of the element.
8

Bottom margin

8. Bottom margin
Set the bottom margin of the element.
9

OK button

9. OK button
Save the settings.
10

Cancel button

10. Cancel button
Cancel the settings and exit the dialog.