היום טבלאות זו מילה גסה כשזה מגיע לתכנות בסביבת אינטרנט, טוב שכך, פעם היה שימוש מוגזם בטבלאות. בכל זאת בהרבה מקרים יש מעט מאוד דרכים להציג נתונים בצורה ברורה כמו בטבלה – אגב המגמה נגד טבלאות בHTML לא מדברת על טבלאות כאלה בכלל.
הפוסט הזה אני אראה לכם דרך מגניבה וקלילה לשפר את הטבלאות שלכם בצורה משמעותית.
החסרון העיקרי של טבלאות באינטרנט (HTML) לצד המתחרה העיקרי שלהם (שלא רואה אותם ממטר), הexel או הspreadsheet באופן כללי הוא שאי אפשר לסדר את הטבלה לפי הטורים שונים. בדיוק את החסרון הזה נפתור היום.
אם יש לנו טבלה שיש בה כמה טורים הגיוני שבכל פעם נרצה לסדר אותה לפי טור אחר, בעוד כשאנחנו מדפיסים את הHTML פעם אחת הוא סטטי (אני מקווה שאנחנו מדפיסים עם שפת תכנות בשרת ולא קוד HTML סטטי ממש אבל לפה זה לא משנה). הפתרון המסובך הוא לבנות כמה דפים, אחד שמסודר ע"פ כל אחד מהטורים אבל אנחנו יודעים שזה רעיון רע.
הפתרון הקליל והמגניב נקרא table sorter 2.0 והוא פשוט עובד ופשוט מדהים.
מה צריך לעשות
- להשתמש בjQuery, יש אנשים שעדיין לא משתמשים בזה? תשתמשו.
- להוריד את table sorter.
- להוסיף לטבלה ID כלשהו ו class=tablesorter (גרשיים וכו')
- שימו לב: חייב להשתמש בתגיות thead וtbody כדי שהסקריפט ידע מה הכותרות שלכם ומה צריך למיין.
- זהו! נשאר רק להפעיל את הסקריפט!
$(document).ready(function() { $("#myTable").tablesorter(); } );
דברים מגניבים נוספים:
- הסקריפט מזהה אוטומטית שדות של מספרים, טקסטים, כתובות IP, תאריכים, שעות קישורים ועוד.
- אפשר למיין ע"י יותר משדה אחד (קודם תאריך הצטרפות ואז שם פרטי)
- תמיכה בכל הדפדפנים (אפילו IE6)
- אפשרויות רבות להרחיב את זה כמפתחים
- הקוד עובד מהר!