Skip to content

Conversation

@JoeyC-Dev
Copy link
Contributor

@JoeyC-Dev JoeyC-Dev commented Jan 23, 2026

Type of change

  • Bug fix (a non-breaking change that fixes an issue)
  • New feature (a non-breaking change that adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • Other (please describe):

Checklist

  • I have read the CONTRIBUTING document.
  • I have checked to ensure that this Pull Request is not for personal changes.
  • I have performed a self-review of my own code.
  • My changes generate no new warnings.

Related Issue

Resolve: #710

Changes

  1. Add horizontal scroll bar for tables
  2. Add table row colours

How To Test

Insert a table like below:

Product Name Description Features Price (USD) Warranty Period Available Colors
UltraSmart TV 55" 4K Ultra HD Smart TV with voice control 4K Resolution, HDR, Smart TV capabilities, Dolby Vision $799.99 2 Years Black, Silver, Rose Gold
PowerMax Blender High-performance kitchen blender 1200 Watts, 6-Speed Settings, Pulse Function $129.99 1 Year Red, Black, White
Quantum Laptop Lightweight and powerful laptop Intel i7, 16GB RAM, 512GB SSD, 15.6" Display $1,299.99 3 Years Silver, Space Gray
EcoFriendly Water Bottle Sustainable water bottle BPA-Free, Double Wall Insulation, Leak-Proof $24.99 Lifetime Blue, Green, Black
Fitness Tracker Pro Advanced fitness tracking device Heart Rate Monitor, GPS, Sleep Tracking, Water Resistant $199.99 2 Years Pink, Black, Gray
| **Product Name**       | **Description**                          | **Features**                                   | **Price (USD)** | **Warranty Period** | **Available Colors**                    |
|------------------------|------------------------------------------|------------------------------------------------|------------------|---------------------|-----------------------------------------|
| UltraSmart TV 55"     | 4K Ultra HD Smart TV with voice control | 4K Resolution, HDR, Smart TV capabilities, Dolby Vision | $799.99          | 2 Years             | Black, Silver, Rose Gold                |
| PowerMax Blender       | High-performance kitchen blender          | 1200 Watts, 6-Speed Settings, Pulse Function   | $129.99          | 1 Year              | Red, Black, White                        |
| Quantum Laptop         | Lightweight and powerful laptop         | Intel i7, 16GB RAM, 512GB SSD, 15.6" Display  | $1,299.99        | 3 Years             | Silver, Space Gray                       |
| EcoFriendly Water Bottle | Sustainable water bottle               | BPA-Free, Double Wall Insulation, Leak-Proof   | $24.99           | Lifetime            | Blue, Green, Black                       |
| Fitness Tracker Pro    | Advanced fitness tracking device         | Heart Rate Monitor, GPS, Sleep Tracking, Water Resistant | $199.99          | 2 Years             | Pink, Black, Gray                        |

Screenshots (if applicable)

Before:
image

After:
image

Other colours:
image
image
image

Signed-off-by: Joey Chen <142381267+JoeyC-Dev@users.noreply.github.com>
@vercel
Copy link

vercel bot commented Jan 23, 2026

@JoeyC-Dev is attempting to deploy a commit to the zephyirdgmailcom's projects Team on Vercel.

A member of the Team first needs to authorize it.

CMSZ001 pushed a commit to CMSZ001/fuwari that referenced this pull request Feb 10, 2026
为 markdown 表格添加 Tailwind CSS 类和内联样式,以改善在移动设备上的显示效果。主要调整包括:
- 确保表格在窄屏下可水平滚动
- 为表头和单元格应用一致的边框、内边距和背景色
- 为偶数行添加斑马条纹效果以提高可读性
- saicaca/fuwari#717
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature]: Allow to scroll table if content is too long

1 participant