Material-ui: [डॉक्स] टेबल वर्चुअलाइज्ड

हमें उम्मीद है कि वर्तमान एपीआई react-virtualized साथ सरल एकीकरण की अनुमति देगा। एकीकरण को सरल बनाने के लिए हम कार्यान्वयन में कोई बदलाव करने के लिए खुले हैं।

डॉक्स में एक डेमो उदाहरण होना भयानक होगा।

यदि वह मदद कर सकता है, तो सूची / मेनू https://codesandbox.io/s/oQ0nkl5kk के साथ एक एकीकरण उदाहरण है

@oliviertassinari मैंने इसे react-virtualized बिना बनाया क्योंकि यह एक गड़बड़ थी और यह मुई घटकों के साथ अच्छा नहीं खेलता था।
इसके अलावा, मेरा वर्तमान समाधान डायनेमिक टेबल ऊंचाई और डायनेमिक कॉलम चौड़ाई (सफारी पर भी परीक्षण किया गया) के साथ एक शुद्ध-सीएसएस फिक्स्ड थ्रेड और स्क्रॉल करने योग्य है।
स्क्रॉल करने योग्य tbody के साथ हमेशा-ऊपर-शीर्ष थ्रेड डेटा ग्रिड के लिए आवश्यक है।

मैं स्क्रॉल डिबगिंग, प्रदर्शन को जोड़ रहा हूं और कुछ गड़बड़ को ठीक कर रहा हूं, लेकिन यह बहुत अच्छा काम कर रहा है: मैं "वस्तुतः" ~ 2400रो के बारे में प्रतिपादन कर रहा हूं, चिकनी।

Table घटकों पर प्रश्न:

1. MUI घटकों के साथ ref का उपयोग कैसे करें? मैं ऑटो-कंप्यूटिंग TableThead ऊंचाई: समस्या यह है कि

<TableHead ref={ ref => this.tableThead = ref }>

TableThead के वास्तविक DOM कंटेनर तत्व को वापस नहीं कर रहा है, लेकिन प्रतिक्रिया उदाहरण (प्रतिक्रिया का मूल व्यवहार जब ref एक not-DOM तत्व पर लागू होता है) क्योंकि यह कुछ ऐसा है जिसे TableThead में लागू किया जाना चाहिए refHandler क्यों न हो जो पहले दिए गए तत्व में दिए गए कॉलबैक को लागू करता है? (मुझे आशा है कि मैं इसे समझाने में कामयाब @ @ @)
मेरा वर्तमान समाधान एक अजीब है

const theadHeight = ReactDOM.findDOMNode(this.tableThead).clientHeight; // eslint-disable-line react/no-find-dom-node

जिसका अर्थ है findDomNode का उपयोग करना और साथ ही एसेन्ट को अक्षम करना।

1. पंक्तियों के बजाय कोशिकाओं पर border-bottom लगाया जाता है?

2. क्या stripe={true} प्रोप होने के बारे में स्वचालित रूप से TableBody पंक्तियाँ हैं?

3. .MuiIconButton.root पास zIndex शैली की संपत्ति क्यों है? 🤔

मैं जल्द ही इस बारे में कुछ स्थिर प्रकाशित करने की उम्मीद करता हूं ताकि आप इसे एक ऐसा रूप दे सकें, जिसे सामान्य तरीके से अपनाया जा सके।

यह बहुत परेशान करने के लिए क्षमा करें, लेकिन मैं भारी रूप से mui @ का उपयोग कर रहा हूं, इसलिए मैं बहुत सारे उपयोग-मामलों को खोल रहा हूं!

मैंने इसे प्रतिक्रिया-वर्चुअलाइज किए बिना बनाया क्योंकि यह एक गड़बड़ था और यह मुई घटकों के साथ अच्छा नहीं खेलता था।

ओह, यह हम पर शर्म की बात है। कोई भी विचार जो हम कर सकते थे वह संभव है?

1. आप कोशिश कर सकते हैं innerRef पर एक रेफरी पाने के लिए TableHead । ref आपको withStyles(TableHead) घटक पर एक रेफरी मिलेगा। अगर वह काम नहीं करता है तो हम एक rootRef संपत्ति को उजागर कर सकते हैं। यह एक पैटर्न है जिसका उपयोग हम पहले से कर रहे हैं।

2. कोई सुराग नहीं

3. धारी से क्या मतलब है?
4. मैंने इसे # 7467 में हटा दिया है

~~ओह, यह हम पर शर्म की बात है।

वास्तव में react-virtualized खुद के कंटेनरों का मिश्रण है, देशी table/thead/tbody DOM तत्वों और स्क्रॉल करने योग्य tbody होने की आवश्यकता है जो समस्या का कारण बनी।
इसके साथ बहुत अधिक काम की आवश्यकता थी: बस MuiTable लिए एक तदर्थ समाधान बनाना एक हवा थी।

1. एक rootRef महान होगा ( TableThead render Thead )

2. border-bottom को tr स्थानांतरित किया जाना चाहिए? क्या मुझे इसे एक समर्पित मुद्दे में स्थानांतरित करना चाहिए?

3. मेरा मतलब है धारीदार पंक्तियाँ: like tr:nth-child(odd) { backgroundColor: f2f2f2 साथ हासिल करना आसान है, लेकिन जब से हमारे पास पहले से ही hover={true} रंग हैं, तो striped={true} आसान क्यों नहीं है? :)

4. महान!

1. 👍 एक योजना की तरह लगता है, यहां एक उदाहरण है , एक पीआर का स्वागत किया जाता है।
2. बूटस्ट्रैप वही कर रहा है, मुझे लगता है कि यह TableCell पर इसका उपयोग करके अधिक लचीलापन प्रदान कर रहा है।
3. क्योंकि यह विनिर्देशन में नहीं है और इसे केवल उपयोगकर्ताभूमि पर लागू किया जा सकता है?
4. 👍

1. मैं हर घटक पर ref={rootRef} होने के बारे में निश्चित नहीं हूं।
   देव जो इसका उपयोग कर रहे हैं, वे शायद (ज्यादातर) डोम पर नियंत्रण रखने की आवश्यकता है।
   आपके उदाहरण में <FormControl ref={rootRef} ...> फिर से रिएक्ट घटक का संदर्भ लौटाएगा (क्योंकि FormControl एक DOM तत्व नहीं है) और डेवलपर को उस वर्कअराउंड का उपयोग करना होगा जिसका मुझे उपयोग करना था।
   हो सकता है कि हमारे पास rootRef व्यवहार निम्न प्रकार से हो:

प्रदान किए गए घटक का कंटेनर एक DOM तत्व है?

• यदि हाँ, तो उस पर ref={rootRef} लागू करें
• अन्यथा rootRef={rootRef} पर लागू करें => जो पहले DOM तत्व के लिए प्रचारित करने जा रहा है: इस तरह कोडर में हमेशा वास्तविक DOM संदर्भ होगा

कैच-ऑल सॉल्यूशन जिसके बारे में मैं सोच सकता हूं कि muiRef और rootRef प्रॉपर्टीज हैं, जहां पूर्व में "mui कंपोनेंट" कंटेनर (यदि कोई हो) पर कॉलबैक लागू होता है और बाद वाला कॉलबैक लागू करता है जैसा कि मैं पहले कहा था।
इस तरह से डेवलपर के पास MUI रेफ और DOM रेफ (जो भी उसकी आवश्यकता हो, जब भी उसकी आवश्यकता हो) दोनों आसानी से हो सकता है।
क्या आपको लगता है कि यह समझ में आता है?

1. वास्तव में? @ _ @

2. ऑप्स! मैं हमेशा सामग्री चश्मा के बारे में भूल जाता हूं

1. ओह, मैंने उस मामले के बारे में नहीं सोचा है। आप जिस मुद्दे का जिक्र कर रहे हैं, वह निम्नलिखित है:
2. घटक A ref और rootRef संपत्ति लेता है
3. रिएक्ट ref अवरोधन करें और इसे तत्व पर लागू करें
4. घटक बी को rootRef संपत्ति प्राप्त होती है और इसे मूल घटक C पर एक रेफरी के रूप में लागू करते हैं
5. रिएक्ट इस ref इंटरसेप्ट करता है और इसे तत्व पर लागू करता है

लेकिन क्या होगा अगर कंपोनेंट सी में भी रूटफ संपत्ति है?
घटक A उपयोगकर्ता-भूमि पर हो सकता है, घटक B TextField हो सकता है और घटक C FormControl हो सकता है।

तो मेरा जवाब है, सबसे पहले हमने एक सरल सहायक के रूप में rootRef परिचय दिया। हालांकि हम औद्योगीकरण के बारे में नहीं हैं। इसलिए, मुझे लगता है कि वर्तमान व्यवहार नियतात्मक, सरल और आपके द्वारा बताए गए सीमा के बिना findDOMNode API का उपयोग कर सकते हैं।

@damianobarbati क्या प्रतिक्रिया-आभासी-सूची यहां बताए गए टेबल और वर्चुअलाइजेशन के साथ प्रयोग थी?

मैं listComponent = TableBody, itemComponent = TableRow का अनुमान लगा रहा हूं?

मैंने इस प्रोजेक्ट को शुरू किया है जो कि सामग्री 1.0 के साथ रिएक्ट-वर्चुअलाइज्ड का उपयोग करता है।

https://github.com/techniq/mui-table

यह अभी भी प्रगति पर है (https://github.com/techniq/mui-table/blob/master/TODO.md देखें) लेकिन आपके लिए उपयोगी हो सकता है। डॉक्स की कमी है, लेकिन इसे कैसे उपयोग करना है, इसके बारे में जानने के लिए कहानियों पर एक नज़र डालें।

@techniq यह आशाजनक लग रहा है This! मुझे लगता है कि कुछ बिंदु पर तालिका प्रलेखन अनुभाग को फिर
- https://github.com/DevExpress/devextreme-reactive~~ (वाणिज्यिक लाइसेंस)

• https://github.com/gregnb/mui-datatables
• https://github.com/techniq/mui-table

हम इसे https://material-ui-next.com/discover-more/related-projects/#material-ui-specific-projects सेक्शन में भी जोड़ सकते हैं।
तो, आइए जानते हैं कि परियोजना कब अधिक परिपक्व है। मुझे लगता है कि हम परियोजना को बढ़ावा देने के लिए एक पुल अनुरोध स्वीकार कर सकते हैं :)।

मैंने react-virtual-list लिए एक PR किया है यहाँ https://github.com/clauderic/react-tiny-virtual-list/pull/30 जो सामग्री-यूआई के साथ इसके उपयोग की अनुमति देता है। मैंने काम करने के लिए रिएक्ट-वर्चुअल पाने के लिए संघर्ष किया और वैध एचटीएमएल बनाया क्योंकि इसमें div हार्ड कोडित है।

cc: @kgregory

@ अच्छा काम! मैंने प्रतिक्रिया-वर्चुअलाइज्ड और मैटेरियल-यूआई का उपयोग करके एक अनंत-स्क्रॉलिंग टेबल का कार्यान्वयन पूरा किया। मुझे उम्मीद है कि जल्द ही एक साथ एक गिस्ट फेंक देंगे। जब मैं करूंगा तो मैं इसे इस मुद्दे के किसी भी भावी आगंतुकों के लिए लिंक कर दूंगा और संभवत: डॉक्स में एक उदाहरण के रूप में।

@kgregory क्या आपने अपनी

आपके काम के लिए धन्यवाद!

@neofox नहीं, क्षमा करें। मैं इसके आसपास कभी नहीं गया, लेकिन आपका जवाब एक अच्छा अनुस्मारक है। मैं कोशिश करूंगा कि कुछ करने का समय मिल जाए।

@oliviertassinari पहले उदाहरणों में से एक है जिसमें माना जाता है कि अभिक्रिया वर्चुअलाइज्ड सूची के साथ सामग्री सूची का उपयोग करने का तरीका काम नहीं कर रहा है। क्या आपके पास अभी भी वह उदाहरण मौजूद है?

@rolandjitsu क्षमा करें, मेरे पास कोई उदाहरण नहीं है। यह इस मुद्दे के बारे में है :)।

@oliviertassinari मिल गया। मैंने सोचा कि यह मुद्दा तालिका के बारे में था न कि <List> , या यह सूचियों को भी कवर करता है?

@rolandjitsu सूची, तालिका, कागज, ग्रिड सूची। सभ एक ही है। यह समस्या एक साधारण डेमो जोड़ने के बारे में है ताकि लोग पैटर्न को देख सकें और इसे विभिन्न घटकों पर लागू कर सकें। तालिका एक घटक है जिसकी आपको वर्चुअलाइजेशन की आवश्यकता है।

@oliviertassinari मैं इसे एक दरार देना चाहूंगा, अगर आप मुझे सही दिशा में इंगित कर सकते हैं। जहां तक ​​मैं बता सकता हूं, हमें प्रतिक्रिया-वर्चुअलाइज्ड के साथ अगली सामग्री मैटेरियल-यूआई @ के साथ एक बुनियादी जिस्ट की आवश्यकता है?

@ परेशानी-ज़हीर हाँ, मुझे लगता है कि टेबल डॉक्स पृष्ठ के अंत में प्रतिक्रिया-वर्चुअलाइज्ड वाला एक सरल डेमो ट्रिक करेगा :)।

नमस्ते। मेरी परियोजना के लिए शोध करने पर इस धागे पर ठोकर खाना है। मैं जानना चाहूंगा कि क्या डेमो या यूज़ डॉक्यूमेंटेशन से संबंधित कोई अपडेट है? @kgregory या आप दोनों को शामिल करने में कोई अंतर्दृष्टि प्रदान कर सकते हैं? शैली के साथ तालिका को सुसंगत बनाना अच्छा होगा

@ zd-project आप मेरी मुई-वर्चुअलाइज्ड-टेबल परियोजना पर एक नज़र डाल सकते हैं।

यह मुई-टेबल हुआ करता था लेकिन मैंने 2 का कांटा लगाने और विभिन्न उपयोग के मामलों का समर्थन करने का फैसला किया ( mui-table DOM का सीधा लाभ उठाता है और आपको position: sticky और <table> लेआउट जैसी चीजों का उपयोग करने देता है। (पंक्ति / कॉल स्पैन, ऑटो चौड़ाई, आदि) जो प्रतिक्रिया-वर्चुअलाइज्ड के साथ मुश्किल थे।

उस के साथ, mui-virtualized-table सिर्फ एक अच्छा पीआर से आकार देने वाले

हम लोग इस पर कहाँ हैं?

@techniq , mui-virtualized-table लिए धन्यवाद! यह बहुत अच्छा है! क्या कोई ऐसा मौका है जिससे हम इसे mui-org/material-ui में मिला सकें?

मुझे खुशी होगी अगर कोई व्यक्ति एक पीआर खोलेगा जो डॉक्स के लिए एक डेमो पेश करता है। इस तरह हम जांच कर सकते हैं कि क्या हम वर्चुअलाइजेशन रणनीतियों के साथ बेहतर एकीकरण के लिए टेबल एपीआई में सुधार कर सकते हैं।

@mastertinner हमें इसे कोर में जोड़ने की आवश्यकता क्यों है? वर्चुअलाइजेशन एक अनुकूलन रणनीति है। हर कोई बड़े डेटा सेट का प्रतिपादन नहीं करता है, इसलिए मैं इसके साथ हर किसी के बंडल को बोझ नहीं बनाऊंगा।

@mastertinner हम परियोजना को दस्तावेज में संदर्भित करके शुरू कर सकते हैं, उदाहरण के लिए यहाँ: https://material-ui.com/demos/tables/#advanced-use-cases :)

Plan एक योजना की तरह लगता है

@mastertinner जबकि मैं अभी भी इसका उपयोग करता हूं (जब वर्चुअलाइजेशन की आवश्यकता होती है), मैं भी अपने नए मुई-टेबल का उपयोग करता हूं जब मुझे वर्चुअलाइजेशन की आवश्यकता नहीं होती है, और डोम का लाभ उठा सकते हैं ( table , tr का उपयोग करके) td , या लेआउट के लिए सीएसएस ग्रिड, स्पष्ट स्तंभ चौड़ाई की आवश्यकता को दूर करने, आदि) और कुछ उन्नत पैटर्न जैसे position: sticky हेडर ( इस तरह) को सक्षम करता है

@rogerstorm ने इस मुद्दे को $ 30 के साथ वित्त पोषित किया। इसे जारी करें मुद्दे पर देखें

आज इसके साथ खेलने का फैसला किया, मैं यह नहीं सुझाता I've यहां मैंने अब तक जो कुछ भी पैदा किया है:

कृपया अंतराल का बहाना करें, मेरा लैपटॉप महान नहीं है UI यह सामग्री-यूआई घटकों और react-virtualized घटकों का उपयोग करता है

@joshwooding मैंने वही किया है जो आपने किया है, वर्चुअलाइज्ड + फिक्स्ड हेडर (केवल बॉडी पर स्क्रॉलबार के साथ) । यदि आपका कार्यान्वयन दो अलग <Table> s का उपयोग करता है, तो मुझे लगता है कि आपको वही समस्याएं मिली हैं जो मैंने पाई हैं।

• सामग्री के संरेखण रंगमंच की सामग्री (जैसे numeric ), क्योंकि आप की तरह एक घटक का उपयोग कर सकते हैं नहीं काम करता है, <div> अंदर लेआउट के लिए <TableCell> ।
• वर्चुअलाइज्ड रूप से कार्य करने के लिए आप td और tr लिए css प्रॉपर्टीज दे सकते हैं। height या max-height td और tr और सामग्री देने के लिए कोई रास्ता नहीं है <TableCell> की अपनी पैडिंग, मार्जिन चीजें हैं इसलिए यह बनाता है पंक्ति की ऊँचाई को ठीक करना कठिन है।

खैर, बिंदु <TableCell> अंदर एक घटक है अपरिहार्य है। मुझे आश्चर्य है कि अगर आपने इस समस्या को सुरुचिपूर्ण तरीके से हल किया। यदि नहीं, तो मुझे लगता है कि वर्चुअलाइज्ड + फिक्स्ड हेडर (केवल बॉडी पर स्क्रॉलबार) एक छोटा (जैसा कि इसके कार्य के रूप में छोटा है), अच्छी तरह से परिभाषित घटक है।

@worudso वर्तमान में यह केवल एक <Table> का उपयोग करता है मुझे संख्यात्मक पास करने का एक तरीका खोजने की आवश्यकता है लेकिन मैं उस काम को प्राप्त करने में सक्षम हो सकता हूं। यह निश्चित रूप से एक छोटा सा घटक नहीं है और मेरे कोड अभी भी पूरे स्थान पर थोड़े हैं, लेकिन मैं इस पर कुछ और काम करने जा रहा हूं और देखूंगा कि क्या मैं इसे परिष्कृत कर सकता हूं

मैंने एक सैंडबॉक्स बनाया है जो एक वर्चुअलाइज्ड टेबल का उत्पादन करने के लिए सामग्री-यूआई और प्रतिक्रिया-वर्चुअलाइज्ड का उपयोग करके प्रदर्शित करता है। यह विशेष उदाहरण तालिका के आकार को खिड़की की ऊंचाई तक प्रतिक्रिया-वर्चुअलाइज्ड करता है।

उदाहरण से MuiVirtualizedTable घटक भी इस सार में उपलब्ध है।

MuiVirtualizedTable किसी तालिका द्वारा समर्थित किसी भी प्रस्ताव को स्वीकार कर सकते हैं। rowClassName सीधे लागू नहीं किया जाता है, बल्कि MuiVirtualizedTable में परिभाषित अन्य शैलियों के अलावा लागू किया जाता है।

columns प्रोप वस्तुओं की एक सरणी की उम्मीद करता है जिसका उपयोग प्रत्येक स्तंभ के लिए कोशिकाओं को प्रदान करते समय किया जाता है। प्रत्येक ऑब्जेक्ट कॉलम द्वारा समर्थित किसी भी प्रोप को स्वीकार कर सकता है।

इतनी देर लगाने के लिए मेरी माफी। मैं व्यस्त हो गया था।

FYI करें, अब react-window जिसे react-virtualized उत्तराधिकारी माना जाता है। मामले में किसी को भी बाहर करने की कोशिश करना चाहता था।

@kgregory आपको

@ जोशवुडिंग ग्रेट डेमो। निश्चित हेडर होना बहुत अच्छा है :)। मुझे आशा है कि आप कार्यान्वयन को पूरा करने में सक्षम होंगे! संख्यात्मक अग्रेषण के बारे में, आपको सीधे कोशिकाओं पर लागू करने से क्या रोक रहा है? प्रतिक्रिया-खिड़की बनाम प्रतिक्रिया-वर्चुअलाइज्ड

@oliviertassinari मैंने खुद को Table घटक की API का उपयोग करने का लक्ष्य निर्धारित किया है और अभी यह नहीं दिखता है कि आप Column घटक के माध्यम से कस्टम प्रॉप्स पास कर सकते हैं। हालांकि प्रतिक्रिया-वर्चुअलाइज्ड तरीके का उपयोग किए बिना इसे करने के तरीके हैं

@joshwooding क्या आपने https://github.com/bvaughn/react-virtualized/blob/master/docs/Table.md#headerrowrenderer ?

@oliviertassinari मैंने

const renderedHeader = headerRenderer({ columnData, dataKey, disableSort, label, sortBy, sortDirection, });

@oliviertassinari एक निश्चित ऊंचाई तालिका के लिए आप बस @kgregory का डेमो थोड़ा संपादित कर सकते हैं: https://codesandbox.io/s/6vo8y0929k

@joshwooding बहुत अच्छा लग रहा है! मैं इसे आधिकारिक डेमो बनाने के लिए कुछ भी याद नहीं कर सकता।

@issuehuntfest ने इस मुद्दे पर $ 60.00 का वित्त पोषण किया है। इसे जारी करें मुद्दे पर देखें

@oliviertassinari मैं इसे लागू करने पर काम करूँगा :)

@joshwooding ने एक पुल अनुरोध प्रस्तुत किया है। इसे जारी करें मुद्दे पर देखें

@oliviertassinari ने इसे जारी करें मुद्दे पर देखें

• : मनीबैग: कुल जमा: $ 90.00
• : टाडा: रिपोजिटरी इनाम (0%): $ 0.00
• : रिंच: सेवा शुल्क (10%): $ 9.00

@oliviertassinari ने

अच्छी तरह से लायक। अच्छा काम @joshwooding!

मुझे एक समान आवश्यकता है लेकिन सूची घटक के लिए ... क्या सूची बनाने के लिए वही दृष्टिकोण काम करेगा?

@mdizzy हां, हम सूची के लिए एक समान डेमो जोड़ सकते हैं।

मैं अभी प्रतिक्रिया-विंडो के साथ एक सूची को आभासी बनाने की कोशिश कर रहा हूं (जैसा कि निर्माता ने वर्चुअलाइज्ड के स्थान पर इसका उपयोग करने का सुझाव दिया है यदि आपको पूर्ण एपीआई की आवश्यकता नहीं है, लेकिन अंत में सूची के लिए एपीआई वास्तव में नहीं बदलता है उतना सारा)

अब तक मेरे पास दो बड़े मुद्दे हैं:
1) सूची आइटम शैली टूटी हुई है, विशेष रूप से सही आइकन / कार्यों जैसे सामान के लिए। मुझे लगता है कि आभासी सूची इंजेक्शन शैली सामग्री-यूआई से स्टाइल के साथ अच्छी तरह से नहीं खेलती है
2) चिपचिपा उपशाखा वास्तव में गन्दा हो जाता है, शायद उसी कारण से (प्रतिक्रिया-विंडो उपयोग स्थिति आइटम को लेआउट करने के लिए निरपेक्ष है)

मैं शायद रिएक्ट-वर्चुअलाइज्ड कोशिश करने जा रहा हूं, यह देखने के लिए कि क्या वे एक साथ बेहतर काम करते हैं

@MastroLindus मुझे लगता है कि आपने पहले हमारे वर्चुअलाइजेशन डेमो की कोशिश की है?

@oliviertassinari मैंने अपने तरीके से शुरू किया, मैंने ऊपर वर्णित समस्याओं को पाया, इसके लिए

तब मुझे वर्चुअलाइजेशन डेमो के बारे में पता चला, मैंने इसका कोड चेक किया और पाया कि मूल रूप से वही काम है जो मैं खुद कर रहा हूं (केवल सूचियों के बजाय टेबल्स पर लागू होता है)।

मेरी समस्याएँ कुछ और सूचियों से संबंधित हैं। सामान्य अवधारणा काम करती है, लेकिन चिह्न, कार्य, चिपचिपा हेडर जैसे सामान ठीक से काम नहीं कर रहे हैं।
उपरोक्त टिप्पणी में मेरे 2 बिंदुओं का जिक्र विस्तार से:
अंक संख्या 1 प्रतिक्रिया-खिड़की के साथ एक मुद्दा हो सकता है जो प्रतिक्रिया-वर्चुअलाइज्ड के साथ मौजूद नहीं होने वाला है। मैं आज या कल इसके साथ प्रयास करने के साथ ही आपको बताने जा रहा हूं। शायद हम भाग्यशाली हैं और यह सिर्फ रिएक्ट-वर्चुअलाइज्ड के साथ काम करेगा। चलो देखते हैं।
अंक संख्या 2 (चिपचिपा उपशाखा ठीक से काम नहीं कर रहा है) मुझे लगता है कि यह कुछ ऐसा है जिसे किसी भी तरह के तदर्थ समाधान की आवश्यकता होगी, क्योंकि उनकी स्थिति संभवतः एक संघर्ष पैदा करेगी, चाहे जो भी हो। इसी तरह की समस्या के लिए किसी ने https://github.com/marchaos/react-virtualized-sticky-tree बनाया था (चिपचिपे हेडर के साथ रिएक्शन-वर्चुअलाइज्ड डील) लेकिन मेरे पास अभी इसे देखने का समय नहीं था

@MastroLindus https://next.material-ui.com/demos/tables/#virtualized -table के साथ हमारे पास क्या मुद्दे हैं?

@oliviertassinari कोई नहीं।
मैंने निर्दिष्ट किया कि मेरे मुद्दे आभासी सूचियों के लिए विशिष्ट हैं, न कि आभासी तालिकाओं के लिए। (फिर से: मुझे खेद है कि मैं टेबल वर्चुअलाइज्ड के मुद्दे पर लिख रहा हूं, वर्चुअलाइज्ड लिस्ट्स के लिए कोई नहीं है और मैं @mdizzy की टिप्पणी का अनुसरण कर रहा था)

सूचियों के बारे में: ListItemSecondaryAction, ListItemIcon और ListSubheader (चिपचिपा हेडर के साथ) का उपयोग करना काम नहीं लगता है, क्योंकि उनकी स्थिति गड़बड़ हो जाती है।
उन घटकों के बिना, मुझे प्रतिक्रिया-विंडो के साथ काम करने के लिए एक मूल सूची मिली (और मुझे लगता है कि प्रतिक्रिया-वर्चुअलाइज्ड में भी ऐसा ही होगा)

@MastroLindus मुझे लगता है कि आप चर्चा को # 15149 पर स्थानांतरित कर सकते हैं।