File Browser Table
Folder contents table with file-type icons, owner avatars, tabular sizes, modified times, and per-row actions.
Folder contents table with file-type icons, owner avatars, tabular sizes, modified times, and per-row actions.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
File Browser Table is the folder contents view, six rows across two folders and four files with folders sorted first. Each row carries a file-type icon paired with the entry name, an owner avatar from the shared set (Avery Stone, Priya Nair, Marcus Kim, Jordan Lee, Maya Chen), right-aligned tabular sizes from 380 KB to 1.2 GB, a short modified timestamp, and a ghost actions button. A breadcrumb nav above reads Acme / Design / Q2 and the panel header counts the 6 items with an Upload file button.
Entries are two flat arrays (FOLDERS then FILES) merged at render, so the sort order is guaranteed without a runtime sort. The tabular-nums columns prevent size strings from shifting across rows.
Reach for this block on any folder contents page in a file manager, wired to a directory listing endpoint and a breadcrumb router. Swap the actions ghost button for a real dropdown when your action set is known.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the scoped folder view. Other table shapes:
Tip: keep folders at the top of every listing, mixed sort order is the fastest way to lose a file.