מחולל טבלאות HTML רספונסיבי - גלילה ניידת
בנה טבלת HTML בצורה ויזואלית על ידי לחיצה על תאים והקלדה - קבל סימון טבלה נקי וסמנטי עם תצוגה מקדימה חיה, ללא פורמט להדבקה או המרה.
תוצאה
דף זה פותח את בונה הטבלאות עם דוגמה רחבה של שבע עמודות שכבר מולאה והעטיפה הרספונסיבית כבר מופעלת, כך שתוכל לראות את התיקון בפעולה באופן מיידי.
טבלאות רחבות הן אחד האלמנטים הבודדים ש-CSS מגיב פשוט אינו יכול להזרם מחדש - גלישת טקסט, אבל עמודות לא, כך שטבלה עם שש עמודות או יותר מציפה את המסך או סוחטת כל תא קטן באופן בלתי קריא בטלפון. עטוף את הטבלה ב-div עם overflow-x: אוטומטי שומר אותה ברוחב הטבעי שלה ומאפשר למבקר לגלול אותה הצידה במקום לשבור את פריסת העמוד.
הוסף או הסר עמודות כדי להתאים לנתונים שלך, לחץ על כל תא כדי לערוך אותו, והעתק את הסימון המוגמר - ה-wrapper div נוסף רק כאשר תיבת סימון זו פועלת, כך שתוכל להשוות את ה-HTML העטוף והלא עטוף זה לצד זה.