هندزونتیبل: جدول دادهٔ آماده برای وباپ
فرانتاند
جاوااسکریپتخلاصهٔ کاملتر
تو صفحهٔ معرفی Handsontable اومده که ساختن یه data grid (یعنی همون جدول دادهٔ قابلویرایش داخل صفحهٔ وب) از بیرون ساده به نظر میرسه ولی سریع پیچیده میشه. تیم سازنده لیستی از چیزایی رو ردیف کرده که توسعهدهندهها معمولاً توش گیر میکنن: کارایی موقع رندر هزاران ردیف و صدها ستون، بزرگ شدن درخت DOM و بالا رفتن مصرف حافظه، و مجازیسازی اسکرول که نگه داشتن state و موقعیت اسکرول توش دردسر داره.
ادعای اصلی محصول اینه که تجربهٔ کار با جدول شبیه اکسله: بیش از ۴۰۰ فرمول، میانبرهای آشنای صفحهکلید، autofill، ویرایش درجا، کپی و پیست و undo/redo. عملیات ردیف و ستون هم هست، از مرتبسازی و فیلتر و گروهبندی تا فریز کردن و جابهجایی و مخفی کردن. برای سلولها هم میتونی renderer، editor، قالببندی شرطی و قواعد اعتبارسنجی دلخواه خودتو بنویسی.
دو نکتهٔ فنی که بیشتر روش تأکید شده، مجازیسازی و ظاهره. به گفتهٔ سازندهها این تنها جدولیه که مجازیسازی اسکرول رو روی هر دو محور داره، با پشتیبانی از ارتفاع پویای ردیفها و کار کردن داخل هر کانتینر DOM یا حتی اسکرولبار خود پنجره. برای ظاهر هم از design token استفاده میکنه، یعنی متغیرهای مشترکی بین فیگما و کد، تا جدول شبیه دیزاینسیستم خودت بشه نه شبیه محصول اونا.
دسترسپذیری و نگهداری هم بخشی از حرفشونه. تیم میگه سال گذشته بیش از ۱۰۰۰ تیکت رو جواب داده و با یه آزمایشگاه چنددستگاهی و تست رگرسیون جلوی خراب شدن جدول رو میگیره. هدفشون همراستا موندن با استانداردهای جهانی دسترسپذیریه: ناوبری با کیبورد، مارکآپ معنایی و پشتیبانی از screen reader. پشتیبانی از زبانهای راستبهچپ و ورودی یونیکد هم جزو مواردیه که روشون دست گذاشتن.
نکات کلیدی:
- بیش از ۴۰۰ فرمول سازگار با اکسل، بههمراه autofill و میانبرهای آشنای کیبورد
- مجازیسازی اسکرول روی هر دو محور، با پشتیبانی از ارتفاع پویای ردیف
- شخصیسازی ظاهر با design token، بهعلاوهٔ Theme Builder و فایل آمادهٔ فیگما
- هدفگذاری روی WCAG 2.1 AA و تست روی نسخههای پایدار و بتای Chrome، Firefox، Safari و Edge
- بیش از ۱۰۰۰ تیکت پشتیبانی در سال گذشته، طبق ادعای تیم
