Lists & Tables¶
Structured content for organizing information.
Unordered Lists¶
First item
Second item
Third item with bold and
code
Nested unordered lists:
Fruits
Apples
Bananas
Cavendish
Plantain
Cherries
Vegetables
Carrots
Peas
Ordered Lists¶
First step
Second step
Third step
Nested ordered lists:
Install dependencies
Install Python 3.12+
Install Node.js 18+
Configure the project
Copy the example config
Update the settings
Run the build
Task Lists¶
Track to-do items with checkboxes.
Set up project structure
Create base templates
Add search functionality
Write documentation
Publish to PyPI
The MyST syntax:
- [x] Completed task
- [ ] Pending task
Note
Task lists require the tasklist MyST extension. See MyST Parser for setup.
Rich Content in Lists¶
List items can contain paragraphs, code blocks, and other block elements.
First, configure the theme:
html_theme = "lumina"
Then build your documentation:
uv run sphinx-build docs docs/_build/html
Tip
Add
-Wto treat warnings as errors during CI builds.Finally, open the output in your browser.
Tables¶
When to Use Which Format¶
Format |
Best for |
Limitations |
|---|---|---|
Markdown tables |
Simple data with short cell content |
No multi-line cells, no spanning, no wrapping |
List tables |
Complex content, long text, code in cells |
More verbose syntax |
Simple Markdown Tables¶
Basic Markdown tables with column alignment.
Feature |
Status |
Notes |
|---|---|---|
Dark mode |
Yes |
Light, dark, and auto |
Search |
Yes |
Pagefind + Sphinx fallback |
Mobile |
Yes |
Responsive sidebar drawer |
i18n |
No |
Planned for v2 |
The MyST syntax:
| Left aligned | Centered | Right aligned |
|:-------------|:--------:|--------------:|
| data | data | data |
Alignment markers:
:---left-align (default):---:center---:right-align
Wide Tables¶
Tables with many columns scroll horizontally when they overflow the content area.
Option |
Type |
Default |
Required |
Description |
Example |
Since |
|---|---|---|---|---|---|---|
|
string |
|
No |
Primary accent color |
|
v0.1.0 |
|
string |
|
No |
Initial dark mode |
|
v0.1.0 |
|
string |
|
No |
Show right-side TOC |
|
v0.1.0 |
|
string |
|
No |
Show breadcrumb trail |
|
v0.1.0 |
|
string |
|
No |
Show pagination |
|
v0.1.0 |
|
string |
|
No |
Sidebar tree depth |
|
v0.1.0 |
|
string |
|
No |
Search provider |
|
v0.1.0 |
List Tables¶
Use the list-table directive for complex tables that are hard to format in Markdown. List tables support multi-line cells, rich content, and precise column widths.
Feature |
Lumina |
Furo |
PyData |
RTD |
|---|---|---|---|---|
Dark mode |
Auto |
Auto |
Auto |
No |
Search |
Pagefind |
Built-in |
Built-in |
Built-in |
CSS framework |
Tailwind |
Custom |
Bootstrap |
Custom |
JS framework |
Alpine.js |
None |
None |
jQuery |
The MyST syntax:
```{list-table} Caption
:header-rows: 1
:widths: 20 20 20 20
* - Header 1
- Header 2
- Header 3
- Header 4
* - Cell
- Cell
- Cell
- Cell
```
Tables with Rich Content¶
List tables can contain code, badges, and other inline elements.
Option |
Status |
Usage |
|---|---|---|
|
stable |
Set with |
|
stable |
|
|
stable |
JSON array of |
Tip
Use :widths: to control column proportions. Values are relative — 20 20 60 gives the third column three times the width of each first two.