เครื่องมือสร้างตาราง HTML ที่ตอบสนอง — การเลื่อนบนมือถือ
สร้างตาราง HTML ด้วยสายตาโดยการคลิกเซลล์และพิมพ์ รับมาร์กอัปตารางความหมายที่สะอาดตาพร้อมการแสดงตัวอย่างสด โดยไม่ต้องวางหรือแปลงรูปแบบ
ผลลัพธ์
หน้านี้จะเปิดตัวสร้างตารางโดยมีตัวอย่างคอลัมน์กว้างเจ็ดคอลัมน์ที่กรอกไว้แล้ว และ Wrapper แบบตอบสนองได้เปิดใช้งานแล้ว ดังนั้นคุณจึงสามารถดูการแก้ไขได้ทันที
ตารางแบบกว้างเป็นหนึ่งในองค์ประกอบไม่กี่องค์ประกอบที่ CSS แบบตอบสนองธรรมดาไม่สามารถจัดเรียงใหม่ได้ - การตัดข้อความ แต่คอลัมน์ไม่ได้ทำ ดังนั้นตารางที่มีตั้งแต่ 6 คอลัมน์ขึ้นไปจะล้นหน้าจอหรือบีบทุกเซลล์ที่มีขนาดเล็กจนอ่านไม่ได้บนโทรศัพท์ การรวมตารางใน div ด้วย overflow-x: auto จะคงความกว้างตามธรรมชาติไว้ และให้ผู้เยี่ยมชมเลื่อนไปด้านข้าง แทนที่จะทำลายเค้าโครงหน้า
เพิ่มหรือลบคอลัมน์เพื่อให้ตรงกับข้อมูลของคุณเอง คลิกเซลล์ใดก็ได้เพื่อแก้ไข และคัดลอกมาร์กอัปที่เสร็จแล้ว — div wrapper จะถูกเพิ่มในขณะที่ช่องทำเครื่องหมายนี้เปิดอยู่เท่านั้น คุณจึงสามารถเปรียบเทียบ HTML ที่ห่อและยังไม่ได้ห่อแบบเคียงข้างกัน