स्क्रॉलबार के बिना सभी रिकॉर्ड दिखाने के लिए ग्रिड को ऑटोराइट लेआउट में बदलें
- सेट domLayout करने के लिए autoHeight तो ग्रिड सभी पंक्तियों फिट करने के लिए विस्तार - अतिप्रवाह निकालें: ग्रिड कंटेनर बक्से से छिपा हुआ - ऊंचाई निकालें: ग्रिड...
40px द्वारा Vendor, उत्पाद और स्रोत स्तंभ चौड़ाई घटाना
- 80px से 40px तक वेंडर कॉलम चौड़ाई बदलें - 80px से 40px तक उत्पाद कॉलम चौड़ाई बदलें - 60px से 20px तक स्रोत स्तंभ की चौड़ाई बदलें - स्तंभों से मिलान करने के लि...
त्वरित खोज क्षेत्र और घटकों के नीचे 10px पैडिंग जोड़ें
- Pb जोड़ें: त्वरित खोज बॉक्स कंटेनर के लिए '10px' - ऊंचाई और संरेखित स्वयं गुण निकालें जो काम नहीं किया था
लंबवत त्वरित खोज क्षेत्र और घटकों को मध्यम करने के लिए
- टैब ऊंचाई से मिलान करने के लिए माता-पिता बॉक्स में मिनटहेड जोड़ें - टैब कंटेनर बॉक्स में डिस्प्ले फ्लेक्स और alignItems केंद्र जोड़ें - उचित ऊर्ध्वाधर संरेखण ...
दूसरे 25px द्वारा विक्रेता, उत्पाद और स्रोत कॉलम चौड़ाई को घटाना
- 105px से 80px तक वेंडर कॉलम चौड़ाई बदलें - 105px से 80px तक उत्पाद कॉलम चौड़ाई बदलें - 85px से 60px तक स्रोत स्तंभ की चौड़ाई बदलें - स्तंभों से मिलान करने के ...
25px द्वारा विक्रेता, उत्पाद और स्रोत कॉलम चौड़ाई घटाना
- 130px से 105px तक वेंडर कॉलम चौड़ाई बदलें - 130px से 105px तक उत्पाद कॉलम चौड़ाई बदलें - 110px से 85px तक स्रोत स्तंभ की चौड़ाई बदलें - स्तंभों से मिलान करने ...
20px द्वारा Vendor, उत्पाद, स्रोत और एजेंट स्तंभ चौड़ाई घटाना
- 150px से 130px तक वेंडर कॉलम चौड़ाई बदलें - 150px से 130px तक उत्पाद कॉलम चौड़ाई बदलें - 130px से 110px तक स्रोत स्तंभ की चौड़ाई बदलें - 120px से 100px तक एजे...
अद्यतन राज्य और स्ट्रीट कॉलम चौड़ाई और स्ट्रीट डिस्प्ले
- 100px से 60px तक स्टेट कॉलम की चौड़ाई बदलें - 200px से 130px तक स्ट्रीट कॉलम की चौड़ाई बदलें - अद्यतन स्ट्रीट कॉलम सेल में केवल सड़क पते को दिखाने के लिए स्ट्...
अप्रयुक्त स्थान
- पता रेंडरर के बाद से लोकेशन ऑन आइकन आयात को हटा दें
अप्रयुक्त पतारेंडर फंक्शन निकालें
- पता कॉलम के बाद से पता प्रेषक को राज्य और स्ट्रीट कॉलम के साथ बदल दिया गया था
संपर्क के बाद स्थिति को सही करने के लिए स्टेट और स्ट्रीट फिल्टर को स्थानांतरित करें
- संपर्क फ़िल्टर के तुरंत बाद स्टेट और स्ट्रीट फिल्टर फ़ील्ड को स्थानांतरित करें - डुप्लिकेट स्टेट और स्ट्रीट फिल्टर को हटा दें जो एजेंट फिल्टर के बाद थे - फ़िल...
राज्य और स्ट्रीट स्तंभ कार्यान्वयन को पूरा करें
- पुराने पता फ़िल्टर क्षेत्र को हटा दें जो अभी भी पता फ़िल्टरValue को संदर्भित कर रहा था - संपर्क फिल्टर के बाद स्टेट और स्ट्रीट फिल्टर फ़ील्ड जोड़ें - अद्यतन फ...
स्टेट और स्ट्रीट कॉलम के साथ एड्रेस कॉलम बदलें
- पता स्तंभ और पता Renderer निकालें - संपर्क के बाद स्टेट कॉलम जोड़ें (उपखंड / स्टेट कोड दिखाता है) - राज्य के बाद स्ट्रीट कॉलम जोड़ें (शो 'स्ट्रीट, शहर' प्रारू...
लीड आईडी, स्टेटस और सब स्टेटस के लिए कॉलम चौड़ाई अपडेट करें
- 245px से 230px तक लीड आईडी कॉलम की चौड़ाई बदलें - 90px से 115px तक स्टेटस कॉलम चौड़ाई बदलें - 150px से 170px तक सब स्टेटस कॉलम की चौड़ाई बदलें - स्तंभों से मि...
अद्यतन स्थिति और उप स्थिति स्तंभ चौड़ाई
- 65px से 90px तक स्टेटस कॉलम चौड़ाई बदलें - 120px से 150px तक सब स्टेटस कॉलम की चौड़ाई बदलें - स्तंभों से मिलान करने के लिए संबंधित फ़िल्टर फ़ील्ड कंटेनर चौड़ा...
कॉलम चौड़ाई से मिलान करने के लिए फ़िल्टर फ़ील्ड कंटेनर चौड़ाई अपडेट करें
- 300px से 245px तक लीड आईडी फिल्टर कंटेनर को अपडेट करें - 200px से 65px तक अद्यतन स्थिति फिल्टर कंटेनर - 200px से 120px तक सब स्टेटस फिल्टर कंटेनर को अपडेट करे...
निर्दिष्ट मूल्यों के लिए कॉलम चौड़ाई अद्यतन करें
- 300px से 245px तक लीड आईडी कॉलम की चौड़ाई बदलें - संपर्क स्तंभ फ्लेक्स रहता है: 1 शेष चौड़ाई लेने के लिए - 200px से 65px तक स्टेटस कॉलम की चौड़ाई बदलें - 200p...
नकली लीड आईडी को यादृच्छिक अल्फ़ान्यूमेरिक में अपडेट करें और 170px को एड्रेस कॉलम सेट करें
- जोड़ें RandomLeadId फ़ंक्शन को लंबाई 13 के यादृच्छिक अल्फ़ान्यूमेरिक स्ट्रिंग्स बनाने के लिए - अनुक्रमिक संख्या से यादृच्छिक अल्फ़ान्यूमेरिक (जैसे, '34FDK69HW...
अद्यतन तिथि स्तंभ चौड़ाई और कार्रवाई बटन की जगह
- 155px से 170px (Created and Assigned) तक दिनांक स्तंभ की चौड़ाई बदलें - अद्यतन तिथि फिल्टर क्षेत्र कंटेनर 170px चौड़ाई मैच करने के लिए - 'Export Selected', 'S...
माध्यमिक टैब के लिए पतली प्रकाश ग्रे सीमा नीचे जोड़ें
- सीमा जोड़ें: '1px ठोस rgba(0, 0, 0, 0.12)' स्टेटस टैब्स कंटेनर में - / लीड्स / दृश्य / पृष्ठ पर पाए गए स्टाइलिंग से मेल खाता है - नीचे टैब और सामग्री के बीच द...
दिनांक स्तंभ चौड़ाई को 155px में बदलें
- अद्यतन बनाया गया और असाइन किया गया स्तंभ चौड़ाई 220px से 155px - दोनों स्तंभों के लिए स्पष्ट चौड़ाई, न्यूनतम चौड़ाई और अधिकतम चौड़ाई 155px सेट करें - अद्यतन त...
फिल्टर क्षेत्रों को शेष रखने के लिए ग्रे पृष्ठभूमि जोड़ें और नीचे तक संरेखित करें
- केंद्र से फ्लेक्स-एंड (नीचे संरेखण) में फिल्टर पंक्ति संरेखण बदलें - सभी शेष फिल्टर फील्ड कंटेनरों में ग्रे पृष्ठभूमि (#f8fafc) जोड़ें - तिथि फिल्टर स्टाइलिंग...
स्टैक्ड डेट फिल्टर फील्ड्स वर्टिकल रूप से पृथक ग्रे पृष्ठभूमि के साथ
- क्षैतिज से ऊर्ध्वाधर लेआउट (flexDirection: स्तंभ) से दिनांक फिल्टर फ़ील्ड बदलें - केवल तिथि फिल्टर बक्से में ग्रे पृष्ठभूमि (#f8fafc) जोड़ें, पूरी फिल्टर पंक्...
त्वरित खोज को स्टेटस टैब लाइन में ले जाएँ, सही गठबंधन
- त्वरित खोज अब स्टेटस टैब के समान ही दिखाई देता है, जो दाईं ओर संरेखित होता है - डुप्लिकेट सर्च बार सेक्शन को हटाकर सरलीकृत लेआउट - स्टेटस टैब और क्विक सर्च स्...
यूआई लेआउट में सुधार और नकली डेटा में वृद्धि
- दिनांक फिल्टर क्षेत्रों के लिए पाठ को छोटा करें (FntSize: इनपुट के लिए 0.75rem, लेबल के लिए 0.7rem) - स्टेटस टैब के रूप में एक ही लाइन में त्वरित खोज करें, दा...
निर्मित और असाइन किए गए स्तंभों के लिए तिथि सीमा फ़िल्टर घटक जोड़ें
- तारीख सीमा फिल्टर (स्टार्ट / एंड डेट्स) के लिए स्टेट वेरिएबल जोड़ें - स्टार्ट डेट और एंड डेट फील्ड्स के साथ डेट रेंज फिल्टर घटक बनाएं - निर्मित और असाइन किए ग...
संपर्क नाम क्लिक करने योग्य लिंक बनाएं और लीड खोलने के लिए डबल क्लिक करें
- अद्यतन contactRenderer को रेखांकित क्लिक करने योग्य लिंक के रूप में प्रथम और अंतिम नाम प्रदर्शित करने के लिए - ऐड ऑनक्लिक हैंडलर को उन नामों से संपर्क करने के...
उप-स्टेटस ड्रॉपडाउन फ़िल्टर और अद्यतन अनुबंध Sent में आइकन जोड़ें
- जावा enum से मिलान करने के लिए 'संविदा' के लिए 'संविदा' को अद्यतन करें - आइकन भेजने के लिए असाइनमेंट से भेजे गए अनुबंध के लिए आइकन बदलें - उप-स्टेटस ड्रॉपडाउन...
पैडिंग को समायोजित करें पिन्ड पंक्ति लीड आईडी कोशिकाओं के लिए 17px तक
- बेहतर संरेखण के लिए 12px से 17px तक पैडिंगलेफ्ट बदलें
प्रत्येक उप-स्टेटस के लिए मूल स्थिति रंगों के साथ अद्वितीय आइकन जोड़ें
प्रत्येक उप-स्टेटस के लिए अद्वितीय, प्रासंगिक आइकन जोड़ें (उदाहरण के लिए, व्यक्ति न्यू लीड के लिए जोड़ें, बाएं संदेश के लिए संदेश) - प्रतीक माता-पिता का दर्जा र...
पिन्ड पंक्तियों में पैडिंग को कम करें लीड आईडी कॉलम मूल्यों को स्थानांतरित करने के लिए बाएं
- पिन्ड पंक्ति लीड आईडी कोशिकाओं के लिए 45px से 12px तक पैडिंग को कम करें - IdRenderer बॉक्स sx prop में लापता कॉमा को ठीक करें - यह लीड आईडी मूल्यों को पिन्ड प...
उप-स्टेटस कॉलम मिलान करने वाले माता-पिता की स्थिति रंगों में आइकन जोड़ें
- माता-पिता की स्थिति के आधार पर आइकन निर्धारित करने के लिए getSubStatusIcon सहायक फ़ंक्शन जोड़ें - सब-स्टैटस आइकन अपने माता-पिता की स्थिति के रूप में समान आइकन...
हेडर और डेटा के बजाय ग्रिड हेडर के ऊपर फिल्टर बार ले जाएँ
- एजी ग्रिड कंटेनर के बाहर फिल्टर बार स्थानांतरित करें, ग्रिड के ऊपर स्थित है - पूर्ण स्थिति को हटा दें जो ओवरलैप मुद्दों का कारण बन रहा था फ़िल्टर बार अब फील्ड...
लीड आईडी कॉलम के लिए तत्काल बैज ले जाएँ और संपर्क से ईमेल हटा दें
- संपर्क कॉलम से लीड आईडी कॉलम में तत्काल बैज ले जाएँ - लीड आईडी में खाता आइकन के बाईं ओर स्थिति बिल्ला - 'Urgent' लेबल टेक्स्ट निकालें, केवल आइकन बैज रखें - सं...
डेटा पंक्तियों को ओवरलैप करने से फिल्टर बार को रोकने के लिए ग्रिड कंटेनर में पैडिंग जोड़ें
- पैडिंग जोड़ेंशीर्ष: ग्रिड कंटेनर बॉक्स में 48px - यह हेडर को जगह में रखते हुए डेटा पंक्तियों को नीचे धक्का देता है - फ़िल्टर बार शीर्ष पर स्थित है: 48px (नीचे...
बिडायरेक्शनल सिंक में अनंतिम पुनः प्रस्तुत लूप को रोकें
- अद्यतन स्रोत (टैब बनाम फिल्टर ड्रॉपडाउन) को ट्रैक करने के लिए refs जोड़ें - जब वे अन्य स्रोत से उत्पन्न होते हैं तो अपडेट छोड़ें - परिपत्र अद्यतन को रोकता है ...
स्टेटस टैब और फिल्टर ड्रॉपडाउन के बीच द्विदिशात्मक सिंक जोड़ें
जब स्टेटस टैब में बदलाव होता है, तो अद्यतन फिल्टर ड्रॉपडाउन (पहले से मौजूद) जब फ़िल्टर ड्रॉपडाउन में परिवर्तन होता है, तो सक्रिय स्थिति टैब अद्यतन करता है (नया)...
सिंक चौड़ाई का उपयोग करें फ़िल्टर किए गए RowData घोषणा के बाद प्रभाव
AG ग्रिड फिल्टर का उपयोग करने के बजाय मैन्युअल रूप से फ़िल्टर करने के लिए फ़िल्टर लागू करें
- सभी फिल्टर लॉजिक को फ़िल्टर में ले जाएँRowData उपयोगMemo - एजी ग्रिड में डेटा पारित करने से पहले मैन्युअल रूप से फ़िल्टर लागू करें - AG ग्रिड सेटफ़िल्टर मॉडल ...
फ़िल्टर लागू करने के लिए कंसोल लॉग और रिफ्रेशसेल जोड़ें
- फ़िल्टर मॉडल को डीबग करने के लिए कंसोल को जोड़ें लागू किया जा रहा है - ऑनफिल्टर के बाद कॉल रिफ्रेशसेल फिर से प्रस्तुत करने के लिए मजबूर - यह पता लगाने में मदद...
जब खाली हो जाता है और फिल्टर मॉडल सही ढंग से अद्यतन करता है
- जब मान खाली होते हैं तो स्पष्ट रूप से मॉडल से फिल्टर हटा दें - व्हाइटस्पेस को संभालने के लिए ट्रिम फ़िल्टर मान - अन्य फिल्टर को संरक्षित करने के लिए पहले वर्त...
हेडर के नीचे स्थिति फिल्टर पंक्ति और फिल्टर लागू सुनिश्चित करें
- शीर्ष पर फिल्टर पंक्ति को स्थानांतरित करें: शीर्ष के बजाय 48px (नीचे हेडर): 0 - पैडिंग जोड़ेंशीर्ष: 48px से AgGrid फ़िल्टर पंक्ति के लिए खाते में प्रतिक्रिया ...
जैसा कि आप शिपिंग देखते हैं?
इन अद्यतनों में से प्रत्येक स्वचालित रूप से अपने कार्यक्षेत्र में उतरता है। प्रारंभ करें और सप्ताह के बाद इसे सप्ताह के अंत में देखें।.