Faceți clic pe link-uri și adăugați dublu clic pentru a deschide plumb
- Actualizare ContactRenderer pentru a afișa primul și ultimul nume așa cum a subliniat link-uri clickable - Adăugați peClick handler pentru a contacta numele c...
Adaugă pictograme la filtrul de dropdown substatus și actualizează contractele trimise
- Actualizarea "contractelor semnate" la "contracte trimise" pentru a se potrivi cu Java enum - Schimbare pictogramă pentru contractele trimise din atribuire pe...
Reglați paddingLeft to 17px for pinted row Lead ID cells
- Schimba paddingLeft de la 12px la 17px pentru o mai buna aliniere
Adaugă pictograme unice pentru fiecare sub-status cu culori de stare părinte
- Adăugați pictograme unice și relevante pentru fiecare substatus (de exemplu, PersoanăAdăugați pentru plumb nou, Mesaj pentru mesajul stâng) - Pictograme menti...
Reduceți padding-ul în rânduri fixate Coloana ID-ului de plumb pentru a muta valorile rămase
- Reduceți paddingLeft de la 45px la 12px pentru celule de identificare a plumbului rând fixat - Fix lipsă virgulă în IdRenderer Box sx prop - Acest lucru mută ...
Adaugă icoane în substatus coloană potrivire starea părintelui culori
- Adăugaţi funcţia de ajutor SubStatusIcon pentru a determina pictograma bazată pe starea părintelui - Pictogramele sub-status folosesc aceleasi icoane si culor...
Mutați bara de filtrare deasupra antetelor grilei în loc de antete și date
- Mutaţi bara de filtrare în afara containerului AG Grid, poziţionată deasupra grilei - Elimina pozitionarea absoluta care a cauzat probleme de suprapunere - Ba...
Mutați insigna de urgență la coloana de ID-ul de plumb și eliminați e-mailul de la Contact
- Mutaţi insigna de urgenţă din coloana de contact în coloana de identificare plumb - Insigna pozitiei in partea stanga a contului in ID-ul de plumb - Elimină t...
Adăugați umplutura în recipient grilă pentru a preveni suprapunerea rândurilor de date cu bara de filtrare
- Adăugaţi paddingTop: 48px la container grilă cutie - Acest lucru împinge rândurile de date în jos în timp ce păstrarea antete în loc - Bara de filtrare este p...
Prevenirea buclei de re-redare infinită în sincronizare bidirecțională
- Adăugați refs pentru a urmări sursa de actualizare (tab vs filtru dropdown) - Skip update-uri atunci când acestea provin de la cealaltă sursă - Prevenirea act...
Adaugă sincronizare bidirecțională între file de stare și dropdown filtru
- Când tab-ul de stare se modifică ↠- Cand scaderea filtrului modificari ↠- Prevenirea actualizărilor circulare doar în funcţie de statusFilterValue în nou...
Mută lățimile de sincronizare utilizateEffect după declarația de date filtratăRowData
Aplică manual filtre pentru filtruRowData în loc să folosești filtre AG Grid
- Mutați toate logica filtru în filtruRowData useMemo - Aplicați filtrele manual înainte de a transmite datele către AG Grid - Eliminați AG Set GridFilterModel ...
Adăugați jurnalul consolei și reîmprospătați filamentul pentru a asigura aplicarea filtrelor
- Adăugați consolă.log pentru a depana modelul filtru fiind aplicat - Sună la reîmprospătare după FilterChanged to force re-reference - Acest lucru ar trebui să...
Elimină eroarea de sintaxă a ambalajului timeout în aplicația de filtrare
Filtre corect clare atunci când goliți și asigurați actualizări corecte ale modelului de filtrare
- Ștergerea explicită a filtrelor din model atunci când valorile sunt goale - Valori de filtrare trim pentru a manipula spatiul alb - Obțineți primul model de f...
Rândul filtrului de poziție sub antet și asigură aplicarea filtrelor
- Mutați rândul filtrului în partea de sus: 48px (sub antet) în loc de partea de sus: 0 - Adăugaţi paddingTop: 48px la AgGridReact pentru a conta pentru rândul ...
Sincronizare InlineFilterRowWidths pentru a remedia eroarea domeniului de aplicare
Aliniază rândul filtrului cu coloane și fixează filtrul de stare
- Rândul filtrului de pozitie absolut in spatiul filtrelor plutitoare (inaltime 48px) - Adăugaţi funcţia de sincronizareFilterRowWidths pentru a se potrivi lati...
Înlocuiți filtrele plutitoare AG Grid cu rândul filtru personalizat
- Eliminaţi toate referinţele plutitorFilterComponent din coloanaDefs - Set plutitorFilter: fals pe toate coloanele - Creați rând filtru personalizat deasupra g...
Mutare valoareRef declarație înainte de utilizareStat pentru a remedia eroarea
Utilizați ref pentru a stoca valoarea filtrului și pentru a preveni resetarea AG Grid
- Stochează valoarea curentă în valoareRef pentru a persista peste re-remiteri - Utilizați isUserChangeRef pentru a preveni efectul de sincronizare de la modifi...
Eliminați peFlootingFilterChanged callback și îmbunătățiți CSS pentru a ascunde pictogramele filtrului
- Nu vă înregistraţi pe FloatingFilterChanged callback pentru a preveni resetarea valorii AG Grid - Adăugat reguli complete CSS pentru a ascunde butoanele de me...
Utilizați params în loc de Params personalizate în DropdownFoatingFilter
DropdownFloating corect Filtrați paramele și adăugați statusFilterValue în Filtrul de stare
Filtru corectAcces de tip Params și adăugați statusFilterValue la params
Utilizați Params personalizate pentru filtrareAcces Params și adăugați statusFilterValue la params
Make Status filter controlled and sync with status tabs
- Added statusFilterValue state to control Status filter dropdown - Status filter now syncs with activeStatusTab when tabs are clicked - Filter value is now con...
Prevent header refresh and maintain filter value with ref
- Use currentValueRef to track and persist filter value - Remove refreshHeader() call that was causing header to hide/reappear - Only update value from callback...
Properly track filter updates to prevent Status filter reset
- Use isUpdatingRef flag to track when we're making changes - Only allow parent model changes to update value if we're not updating - Initialize filter value fr...
Prevent filter reset with no-op callback and hide icons with menuTabs
- Register no-op onFloatingFilterChanged callback to prevent AG Grid from resetting filter value - Use menuTabs: [] instead of suppressHeaderMenuButton to hide ...
New approach for Status filter and filter icons
- Removed onFloatingFilterChanged callback to prevent circular updates - Store filter instance in ref and update directly - Added global CSS rules in globals.cs...
Prevent Status filter reset with ref flag and add suppressHeaderMenuButton
- Added suppressHeaderMenuButton to all columns that should hide filter icons - Improved isInternalChangeRef timing to prevent circular updates - Enhanced CSS s...
Prevent Status filter reset and improve filter icon hiding
- Added isInternalChangeRef to prevent circular updates in Status and SubStatus filters - Updated CSS selectors to better hide filter menu buttons and icons - F...
Remove extra Box wrapper that was breaking grid display
- Removed nested Box wrapper that was preventing grid from rendering - Moved CSS styles directly to the outer Box wrapper - Grid should now display leads correc...
Remove dependency from Sub Status filter useEffect to fix reactivity
Improve Sub Status filter reactivity and hide filter icons with CSS
- Remove getStatusFilterValue dependency from useEffect to prevent stale closures - Add CSS rules to hide filter menu button icons for Lead ID, Contact, Status,...
Properly enable Sub Status dropdown and remove all filter icons
- Add hasStatusFilter state to SubStatusFloatingFilter to track status filter changes - Add filterChanged event listener to immediately detect when Status filte...
Properly enable Sub Status dropdown and remove filter icons
- Fix Sub Status dropdown to be enabled when Status filter is selected (removed options.length check from disabled condition) - Add menuTabs: [] to Lead ID, Con...
Enable Sub Status dropdown when Status is selected and remove filter icons
- Fix Sub Status dropdown to be enabled when a Status filter is selected - Remove filter icons (suppressHeaderMenuButton) from Lead ID, Contact, Status, Sub Sta...
Improve filter behavior and styling
- Sub Status dropdown now only shows sub-statuses for selected Status filter - Sub Status dropdown is disabled when no Status is selected - Auto-set Status filt...
Improve dropdown filter styling and functionality
- Align all dropdown filters to the left with 5px padding above - Add StatusFloatingFilter component with icons in dropdown menu items - Icons appear to the lef...
Add Status column with icons and dynamic Sub Status filter
- Add Status column before Sub Status with icons (Fresh, Reckoning, Farm, Grim, Void) - Create StatusRenderer component that displays status with appropriate ic...
Resolve TypeScript type errors in DropdownFloatingFilter
- Change ExtendedParams to use intersection type instead of extending IFloatingFilterParams - Use type assertion for parentFilterInstance callback parameter - M...
Resolve ESLint errors in DropdownFloatingFilter component
- Add displayName to FloatingFilterComponent - Remove unused ref parameter - Replace any types with proper TypeScript interfaces - Add ExtendedParams interface ...
Add dropdown floating filters and set Lead ID width to 300px
- Create custom DropdownFloatingFilter component for Sub Status, Vendor, Product, Source, and Agent columns - Set Lead ID column width to 300px (was 120px) - Ad...
Like what you see shipping?
All of it arrives in your workspace on its own. Start on the free plan and read this page again in a month.