![\"Document](\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/07\/document-library-mobile-view.jpg\")
<\/p>\nDocument Library Pro gives you several ways to control how your table behaves on different screen sizes, such as phones and tablets. You set these options in the advanced column settings in the Library Builder when you add or edit a table.<\/p>\n
<\/p>\n
The priority option matters on smaller screens, and when you have so many columns that the table cannot fit everything in. When the screen gets too narrow, the table collapses certain columns so they are no longer visible and shows a “+” icon at the left of each row. Clicking that icon expands the row to reveal its full contents.<\/p>\n
Priority decides the order in which columns are collapsed on smaller screens. The lower the number, the higher the priority, so a column with priority 1 is collapsed last. For example, with a title, author and categories column you could make title the most important, categories second and author least important.<\/p>\n
Responsive visibility gives you finer control over which columns appear on each device. By default the table shows or hides columns on smaller screens based on the priorities above, but you can instead choose exactly which devices each column shows on. The usual choices are desktop, tablet, mobile, all, none or default:<\/p>\n
Bear in mind that the table can only show columns that physically fit each screen size. If you set more columns to visible than will fit, some are still hidden so the table never looks broken.<\/p>\n
When the table cannot fit everything in the space available, a “+” icon appears to the left of each row so visitors can expand it. The responsive control option sets whether that icon sits inside the first column, which is the default, or in its own separate column.<\/p>\n
By default you cannot hide the first column of the table because it contains the “+” icon. If you need to hide the first column, set the responsive control to put the icon in its own column instead, and then you can hide the first column successfully.<\/p>\n
The responsive display option sets how the extra columns appear when a visitor expands a row on a small screen:<\/p>\n
Control how your table behaves on phones and tablets, including wrapping, column priorities, per-device visibility and how expanded rows appear.<\/p>","protected":false},"menu_order":0,"template":"","meta":{"footnotes":""},"doc_category":[4],"class_list":["post-319","doc","type-doc","status-publish","hentry","doc_category-building-your-library"],"yoast_head":"\n