React-window: Bagaimana cara mengimplementasikan MuiVirtualizedTable di React Window?
Saya menggunakan Material UI untuk gaya saya dan memiliki tabel besar yang mulai lamban.
Jadi saya menemukan tutorial ini tentang menggunakan React Virtualized Table di dokumen. Tapi di dalamnya MuiVirtualizedTable menggunakan React Virtualized Table dan bukan React Window. Dalam dokumen sebelumnya dikatakan:
Jika Anda mempertimbangkan untuk menambahkan reaksi-virtualisasi ke sebuah proyek, lihat reaksi-jendela sebagai alternatif yang mungkin lebih ringan.
Jadi pertanyaan saya adalah: Apakah ada cara untuk menggunakan React Window daripada RVT? Jika ya, bagaimana? Demo untuk RVT menggunakan komponen bernama Table yang tidak diekspos oleh React Window API.
janhesters
Semua 3 komentar
Saya baru tahu, bahwa Table dan MuiVirtualizedTable tidak menggunakan <table /> , <tr /> dll., jadi Anda bisa menggunakan React Window.
janhesters
pada 30 Apr 2019
@janhesters bisakah Anda membagikan bagaimana Anda berhasil menggunakan React Window dengan tabel material-ui? itu akan luar biasa! Terima kasih
stefanoTron
pada 19 Jun 2019
@littletower inilah contoh yang saya buat yang kira-kira mengikuti contoh material-ui asli:
https://codesandbox.io/s/material-ui-react-window-virtualized-table-example-byv8n
Implementasi sebenarnya itu sendiri cukup sederhana, Anda pada dasarnya hanya membungkus baris tabel Anda dalam <FixedSizeList/> . Sakit kepala yang lebih besar menjadi benar-benar terlihat seperti tabel karena Anda tidak dapat benar-benar menggunakan elemen <table/> .
samuelcolburn
pada 11 Jul 2019
Masalah terkait
daihuaye
·
3Komentar
JClutch
·
4Komentar
vinnymac
·
3Komentar
brunolemos
·
3Komentar
davalapar
·
3Komentar
Komentar yang paling membantu
@littletower inilah contoh yang saya buat yang kira-kira mengikuti contoh material-ui asli:
https://codesandbox.io/s/material-ui-react-window-virtualized-table-example-byv8n
Implementasi sebenarnya itu sendiri cukup sederhana, Anda pada dasarnya hanya membungkus baris tabel Anda dalam
<FixedSizeList/>. Sakit kepala yang lebih besar menjadi benar-benar terlihat seperti tabel karena Anda tidak dapat benar-benar menggunakan elemen<table/>.