example of how to make tables in posts for those using other sources .

pwsincd

Quick Guide: Adding Tables to Your Posts

Tables are great for leaderboards, bug reports, rosters, or any info you want organized neatly.

1️⃣ How to Write a Table

Code (what you type)

| Name  | Platform | Rank |
|-------|----------|------|
| Paul  | Xbox     | Gold |
| Jamie | PC       | Plat |

Result (what it looks like)

Name	Platform	Rank
Paul	Xbox	Gold
Jamie	PC	Plat

2️⃣ Quick Tips

First row = column titles
Second row = separator (must have ---)
Every row starts & ends with |
Use | between each column

Minimum working table:

| A | B |
|---|---|
| 1 | 2 |

3️⃣ Styling Ideas

Users can’t change colours per row, but admins can style all tables globally:

Alternating row colours → table tr:nth-child(even) { background-color: #2a2a2a; }
Header styling → table th { background-color: #111; color: #00ffcc; }
Hover effect → table tr:hover { background-color: #333; }

4️⃣ Blank Template to Copy

| Column 1 | Column 2 | Column 3 |
|----------|----------|----------|
|          |          |          |
|          |          |          |

Copy the template, replace with your info, and post!

Andyboi

Name	Occupation	Rank
Adrian	friend group explainer	tuff
Enrique	idk	tuff

pwsincd

Advanced Guide: Tables in NodeBB Posts

Tables let you organize information neatly.
You can also include links, emoji “buttons,” and plan for styling.

1️⃣ Basic Table

Code

| Player | Platform | Rank |
|--------|----------|------|
| Paul   | Xbox     | Gold |
| Jamie  | PC       | Plat |
| Sam    | PS5      | Dia  |

Result

Player	Platform	Rank
Paul	Xbox	Gold
Jamie	PC	Plat
Sam	PS5	Dia

2️⃣ Table with Links

Code

| Item        | Link                         |
|------------|------------------------------|
| Game Guide | [View Guide](https://example.com) |
| Patch Notes| [See Notes](https://example.com)  |

Result

Item	Link
Game Guide	View Guide
Patch Notes	See Notes

3️⃣ “Button-Like” Links Using Emojis

You can make links look like buttons inside table cells:

Code

| Action       | Link                               |
|-------------|------------------------------------|
| 🟩 Start    | [Go](https://example.com/start)   |
| 🟥 Stop     | [Go](https://example.com/stop)    |
| 🟦 Info     | [More](https://example.com/info)  |

Result

Action	Link
🟩 Start	Go
🟥 Stop	Go
🟦 Info	More

️ These are visual “buttons” only. You cannot run scripts or create interactive form buttons inside posts.

4️⃣ Blank Advanced Template

Copy and fill in your own data:

| Column 1      | Column 2        | Column 3        |
|---------------|----------------|----------------|
|               |                |                |
|

pwsincd

further examples

pwsincd

Advanced Tables Guide for Posts

You can make your tables more than just rows and columns!
Here’s how to create tables with links, emojis, checkboxes, inline code, and images.

1️⃣ Full Example Table

Code (Copy This)

| Player     | Status      | Action                       | Notes           | Avatar             |
|-----------|------------|-------------------------------|----------------|------------------|
| Paul      | 🟢 Online  | 🟩 [Join](https://example.com) | **Top scorer** | ![img](https://via.placeholder.com/20) |
| Jamie     | 🔴 Offline | 🟥 [Leave](https://example.com)| *Needs help*   | ![img](https://via.placeholder.com/20) |
| Sam       | 🟡 Busy    | 🟦 [Info](https://example.com) | `Testing`      | ![img](https://via.placeholder.com/20) |

Rendered Result

Player	Status	Action	Notes
Paul	🟢 Online	🟩 Join	Top scorer
Jamie	Offline	🟥 Leave	Needs help
Sam	🟡 Busy	🟦 Info	`Testing`

2️⃣ Features Used

Links inside cells
Emojis for status and button-like visuals
Bold/italic/inline code for emphasis
Inline images for avatars/icons
Checklists or other symbols (Markdown compatible)

Example for tasks:

| Task           | Done |
|----------------|------|
| Setup PC       | - [x] |
| Test Game      | - [ ] |

3️⃣ Styling Ideas (Admin Only)

Users cannot change row colours individually, but global CSS can make tables look amazing:

/* Alternating rows */
table tr:nth-child(even) { background-color: #2a2a2a; }

/* Header styling */
table th { background-color: #111; color: #0f0; }

/* Hover effect for rows */
table tr:hover { background-color: #333; }

4️⃣ Quick Blank Template

| Column 1      | Column 2        | Column 3        | Column 4     |
|---------------|----------------|----------------|-------------|
|               |                |                |             |
|               |                |                |             |
|               |                |                |             |

Copy this template and fill it with your info.
Combine links, emojis, code, and images to make your posts stand out!

Tip: Keep tables readable, use consistent headers, and don’t overcrowd cells.

Yanderemenhera

ok

Yanderemenhera

i might put this in my bio

pwsincd

i made a simple table creator for you guys.. https://wiiubru.com/table.html hope it helps

simply copy and paste your markdown to a post.