example of how to make tables in posts for those using other sources .
-
📊 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! 🎮
-
Name Occupation Rank Adrian friend group explainer tuff Enrique idk tuff -
📊 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 | |---------------|----------------|----------------| | | | | | -
further examples
-
🚀 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** |  | | Jamie | 🔴 Offline | 🟥 [Leave](https://example.com)| *Needs help* |  | | Sam | 🟡 Busy | 🟦 [Info](https://example.com) | `Testing` |  |🔹 Rendered Result
Player Status Action Notes Avatar 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.
-
ok
-
i might put this in my bio
-
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.