React-window: كيفية تنفيذ MuiVirtualizedTable في نافذة React؟

تم إنشاؤها على ٣٠ أبريل ٢٠١٩ · 3تعليقات · مصدر: bvaughn/react-window

أنا أستخدم واجهة المستخدم المادية لتصميمي ولدي طاولة كبيرة تبدأ في التباطؤ.

لذلك وجدت هذا البرنامج التعليمي حول استخدام React Virtualized Table في المستندات. ولكن في ذلك MuiVirtualizedTable يستخدم React Virtualized Table وليس React Window. في المستندات السابقة تقول:

إذا كنت تفكر في إضافة رد الفعل الافتراضي إلى مشروع ، فقم بإلقاء نظرة على نافذة التفاعل كبديل ممكن أخف وزنًا.

لذا فإن سؤالي هو: هل هناك طريقة لاستخدام نافذة React بدلاً من RVT؟ إذا كانت الإجابة بنعم ، فكيف؟ يستخدم العرض التوضيحي لـ RVT مكونًا يسمى Table والذي لم يتم الكشف عنه بواسطة React Window API.

مصدر

janhesters

👍3

التعليق الأكثر فائدة

littletower هنا مثال قدمته يتبع تقريبًا مثال واجهة المستخدم الأصلية للمادة:

https://codesandbox.io/s/material-ui-react-window-virtualized-table-example-byv8n

التنفيذ الفعلي بحد ذاته بسيط إلى حد ما ، فأنت تقوم ببساطة بلف صفوف الجدول في <FixedSizeList/> . يبدو الصداع الأكبر في الواقع وكأنه جدول لأنك لا تستطيع في الواقع استخدام أي عناصر <table/> .