persian-data-grid
Persian Data Grid
گرید داده سازمانی برای React با پشتیبانی بومی RTL و تاریخ شمسی. برای صفحه‌هایی ساخته شده که کاربر ساعت‌ها در آن‌ها داده وارد می‌کند: اقلام سند حسابداری، انبار، چک و صورت‌حساب بانکی.
npm i persian-data-grid- لایسنس
- MIT
- نسخه React
- 17 – 19
- زبان
- TypeScript
چرا این کتابخانه؟
جدول‌های عمومی معمولاً برای نمایش داده ساخته شده‌اند، نه ورود داده. در فرم‌های حسابداری کاربر باید بدون موس از سلولی به سلول دیگر برود، هزاران ردیف را بدون کندی ببیند و خروجی Excel بگیرد. Persian Data Grid همین تجربه را با جهت راست‌به‌چپ و تقویم جلالی از ابتدا فراهم می‌کند.
قابلیت‌ها
کیبورد شبیه Excel
با جهت‌نماها، Tab و Enter بین سلول‌ها حرکت کنید و بدون موس داده وارد کنید.
اسکرول مجازی
VirtualList فقط ردیف‌های داخل دید را رندر می‌کند تا گرید با هزاران ردیف هم روان بماند.
RTL و جلالی از ابتدا
جهت راست‌به‌چپ و سلول تاریخ شمسی بخشی از خود گرید هستند، نه لایه‌ای که بعداً رویش اضافه شده.
Excel و PDF
خروجی xlsx و pdf از نمای فعلی گرید و ورود داده از فایل Excel.
ویرایش سریع
افزودن، تکثیر و حذف سطر، undo و redo، فیلتر سریع، جست‌وجو و مرتب‌سازی چندستونه با Shift+کلیک.
ذخیره آفلاین
تغییرات به‌صورت رویدادمحور در IndexedDB ذخیره می‌شوند.
ترکیب Headless
برای کنترل کامل، createERPTable گرید را بدون رابط پیش‌فرض در اختیارتان می‌گذارد.
شروع سریع
npm i persian-data-gridتکنولوژی‌ها
- React
- TypeScript
- IndexedDB
- VirtualList
import { ERPTable } from 'persian-data-grid';
<ERPTable
store="erp"
tableKey={pageId}
actor={actor}
columns={columns}
rows={rows}
tableHeight={420}
multiSelectConfig={multiSelectConfig}
onReady={setController}
/>کتابخانه دیگر
React Persian Range Picker
react-persian-range-picker
