Column Resizer JS

כלי זה מייצר סקריפט שינוי רוחב עמודות נייד וקל לשימוש עבור טבלאות HTML. הוא מכוון למהנדסי frontend וצוותי מוצר שבונים גריד נתונים, לוחות בקרה מנהלתיים או תצוגות ניתוחיות שבו רוחבי העמודות צריכים להסתגל לתוכן ולהעדפות המשתמש. הפלט הוא קטע JavaScript עצמאי עם CSS אופציונלי שניתן להדביק בכל פרויקט ללא תלות חיצונית. הקלט כולל סלקטור CSS לטבלה המטרה וקונפיגורציה לרוחבים התחלתיים ומגבלות. התוצאה תומכת בפריסה שמורה באמצעות localStorage ומתאימה ל־RTL ול־LTR. מתאים גם לטבלאות סטטיות וגם לנתונים דינמיים, עם טיפול מוצק לשינויים בגודל החלון.

הכלי מבצע שלושה תהליכים: (1) קריאה ועיגון רוחבי עמודות התחלתיים, (2) הכנסת פסים גרירה בין עמודות, ו-(3) עדכון רוחבים בזמן גרירה תוך שמירה על רוחבי מינימום integritet הטבלה. הליך הליבה יוצר ידיות לכל עמודה, מפקח על אינטראקציות העכבר, מחשב רוחבים חדשים ב־px או באחוזים, ועדכון סגנונות inline או Colgroup. הוא נמנע מעומס תצוגה על ידי דיבאנס ותלוי ב־requestAnimationFrame לגרירה חלקה. אם תוכן העמודה משתנה לפי תוכנית, הסקריפט יכול לסנכרן רוחבים מחדש.

הקהל כולל מהנדסי frontend שמטמיעים טבלאות שניתן לשנות בהן רוחב, מעצבי UX שמעריכים תצורות מדויקות וחוקרי QA שמוודאים התנהגות בין דפדפנים. הערך מגיע מהפתרון המתאים, בדוק, plug‑and‑play עם הגדרות ברורות ותוצאות צפויות. מאפיינים ייחודיים כוללים תמיכה ברוחבי מינימום לכל עמודה, שמירה אפשרית, מודעות RTL ומצב תאימות לטבלאות עם הגדרות Colgroup קיימות. הפלט גם קצר ומובנה שניתן להתאים לאלמנטים של עיצוב מותאמים.