Zaktualizuj szerokości pojemnika pola filtracyjnego, aby dopasować szerokość kolumny
- Zaktualizuj pojemnik filtrujący Lead ID od 300px do 245px - Aktualizacja pojemnika filtra stanu od 200px do 65px - Aktualizacja pojemnika filtra Sub Status od...
Zmiana szerokości kolumny daty na 155px
- Aktualizacja Utworzone i przydzielone szerokości kolumny od 220px do 155px - Ustaw wyraźną szerokość, minWidth i maxWidth do 155px dla obu kolumn - Aktualizuj...
Przenieś Quick Szukaj do karty status, wyrównany w prawo
- Szybkie wyszukiwanie jest teraz wyświetlane w tej samej linii co karty statusowe, wyrównane w prawo - Uproszczony układ poprzez usunięcie zduplikowanej sekcji...
Regulacja wyściółkiLegłe do 17px dla przypiętych rzędowych komórek Lead ID
- Zmień wyściółkiLepo z 12px do 17px, aby uzyskać lepsze wyrównanie
Zredukuj wyściółkę w pinowanych wierszach kolumna ID ołowiu, aby przesunąć wartości w lewo
- Zmniejsz paddingLef z 45px do 12px dla przypiętych rzędów komórek identyfikacyjnych - Napraw brak przecinka w IdRenderer Box sx prop - To przesuwa wartości Le...
Przesuń poprzeczkę filtracyjną nad nagłówek sieci zamiast między nagłówek i danymi
- Przesuń poprzeczkę filtra poza kontener AG Grid, umieszczony nad siatką - Usuń pozycję bezwzględną, która powodowała problemy z nakładanie się na siebie - Prz...
Dodaj wyściółkę do pojemnika z siecią, aby zapobiec nakładaniu się rzędów danych z pręta filtra
- Dodaj wyściółkęTop: 48px do pojemnika na siatkę - To popycha rzędy danych w dół, jednocześnie utrzymując nagłówki na miejscu - Przesłona filtracja jest umiesz...
Zapobiegaj nieskończonej pętli renderowej w dwukierunkowej synchronizacji
- Dodaj refs do śledzenia źródła aktualizacji (tab vs filtr dropdown) - Pomiń aktualizacje, gdy pochodzą z innego źródła - Zapobiega okrągłym aktualizatorom, kt...
Przesuń szerokości synchronizacji użycieEffect po filtrowanejRowData deklaracja
Zastosuj filtry ręcznie do filtrowanychRowData zamiast korzystania z filtrów AG Grid
- Przesuń całą logikę filtra do filtrowanegoRowData useMemo - Zastosuj filtry ręcznie przed przekazaniem danych do AG Grid - Usuń AG Grid setFilterModel połącze...
Prawidłowo wyczyścić filtry, gdy są puste i zapewniają prawidłowe aktualizacje modelu filtra
- Wyraźnie usuwaj filtry z modelu, gdy wartości są puste - Wartości filtrów przycinania do obsługi białej przestrzeni - Najpierw Zdobądź model filtra, aby zacho...
Pozycyjny wiersz filtra poniżej nagłówka i upewnij się, że filtry mają zastosowanie
- Przesuń wiersz filtra na górny: 48px (poniżej nagłówek) zamiast góry: 0 - Dodaj paddingTop: 48px do AgGridReact, aby uwzględnić wiersz filtra - Ustaw floating...
Odniesienie pozostałych doniesień syndoprzewodowychFilterRowWidths
Dostosuj wiersz filtra z kolumnami i zamocuj filtr stanu
- Rząd filtra położenia absolutnie w przestrzeni filtrów pływających (wysokość 48px) - Dodawanie syncFilterRowWidths funkcja do dopasowania do szerokości kolumn...
Użyj ref, aby przechowywać wartość filtra i zapobiegać jej resetowaniu AG Grid
- Przechowywać aktualną wartość w wartościRef, aby utrzymać się w powtarzaniu - Użyj użytkownikaChangeRef, aby zapobiec nadrzędnym zmianom użytkownika - Przeczy...
Usuń onFloatingFilterChanged callback i ulepsić CSS, aby ukryć ikony filtrów
- Nie rejestruj się naFloatingFilterChanged callback, aby uniemożliwić AG Grid resetowanie wartości - Dodano kompleksowe reguły CSS, aby ukryć przyciski menu fi...
Poprawne DropdownFilatingFilter params i dodaj statusFilterValue do filtra stanu
Poprawiono filtrParamsowy dostęp do typu i dodaj statusFilterValue do params
Użyj customParams dla filtraParams dostępu i dodaj statusFilterValue do params
Uczyń filtr statusu kontrolowany i zsynchronizowany z kartami stanu
- Dodano statusFilterValue stan do sterowania rozwijanym filtrem statusu - Filtr stanu synchronizuje się teraz z aktywnymStatusTab, gdy karty są klikne - Wartoś...
Zapobiegaj odświeżanie nagłówka i utrzymuj wartość filtra za pomocą ref
- Użyj prąduValueRef, aby śledzić i utrzymywać wartość filtra - Usuń połączenie odświeżające() wywołanie, które powodowało ukrycie/powtowanie nagłówka - Zaktual...
Prawidłowo śledź aktualizacje filtrów, aby zapobiec resetowaniu filtra Status
- Użyj flagi isUpdatingRef do śledzenia, gdy wprowadzamy zmiany - Tylko zezwolić na zmiany modelu nadrzędnego w celu aktualizacji wartości, jeśli nie aktualizuj...
Zapobiegaj resetowaniu filtra za pomocą callback i ukryjchanie za pomocą menuTabs
- Zarejestruj się no-op onFloatingFilterChanged callback, aby zapobiec resetowaniu wartości filtra AG Grid - Użyj menuTabs: [] zamiast tłumićHeaderMenuButton, a...
Zapobiegaj resetowaniu filtra stanu za pomocą flagi ref i dodaj tłumHeaderMenuButton
- Dodano tłumienieHeaderMenuButton do wszystkich kolumn, które powinny ukryć ikony filtrów - Ulepszone jest Harmonogramowanie Zmień wewnętrzny, aby zapobiec akt...
Zapobiegaj resetowaniu filtra stanu i ulepsz i uścisnęnie ikony filtra
- DodanoInternalChangeRef, aby zapobiec okrągłym aktualizacjom w filtrach Status i SubStatus - Zaktualizowano selektory CSS, aby lepiej ukryć przyciski i ikony ...
Usuń dodatkowe opakowanie pudełko, które było wyłamanym wyświetlaczem siatki
- Usunięto zagnieżdżone opakowanie pudełka, które uniemożliwiało renderowanie siatki - Przeniesiono style CSS bezpośrednio do opakowania z pudełkami - Grid powi...
Usuń zależność z Sub Status filter użycieEffect do naprawienia reaktywności
Poprawa reaktywności filtra Sub Status i ukryj ikony filtrów za pomocą CSS
- Usuń getStatusFilterValue zależność od użytkowaniaEffect, aby zapobiec nieaktualnym zamknięciu - Dodawanie reguł CSS, aby ukryć ikony przycisków menu filtra d...
Prawidłowo włącz rozwijanie Sub Status i usuwaj wszystkie ikony filtrów
- Dodaj stan has-atusFilter do SubStatusFloatingFilter do śledzenia zmian filtra stanu - Dodaj filtrChanged event listener, aby natychmiast wykryć, kiedy zostan...
Prawidłowo włącz rozwijanie Sub Status i usuwaj ikony filtrów
- Napraw rozwijanie poddanego statusu, aby włączyć, gdy wybrany jest filtr stanu (wykonany opcje. Sprawdź długość z przekrótyzowanego stanu) - Dodaj menuTabs: [...
Włącz rozwijanie Sub Status, gdy Status jest wybrany i usuń i usunąć ikony filtrowania
- Napraw rozwijanie Sub Status, aby być włączone po wybraniu filtra statusu - Usuń ikony filtrów (suppressHeaderMenuButton) z Lead ID, Kontaktu, Statusu Podka -...
Błędy typu TypeScript w DropdownFloatingFilter
- Zmień ExtendedParams, aby używać typu skrzyżowania zamiast rozszerzania IFloatingFilterParams - Zapewnienie typu dla parentFilterInstance parametr callback - ...
Rozwiązuj błędy ESLint w DropdownFloatingFilter komponent
- Dodaj wyświetlaczName do fatingFilterComponent - Usuń nieużywany parametr ref - Wymień dowolne typy odpowiednimi interfejsami TypeScript - Dodawanie ExtendedP...
Zmień wartości filtrów z funkcji na tablice dla wyświetlacza rozwijania
- Zmień wartość filtraOdnośna z funkcji do tablic kierunkowych - Filtry z zestawu AG wymagają wartości jako tablice, a nie funkcji - Powinno to naprawić filtry ...
Dostosowane rzędy przypięte z głównymi komórkami listy
- Dodaj 50px wyściółkę w lewo do pierwszej komórki (Lider ID) w pinowanych wierszach do wyrównania ikony konta - Rekompensata dla czerwonej obramowania 4px prze...
Wymień dowolny typ z odpowiednim interfejsem LeadWithAccount
- Utwórz interfejs LeadWithAccount rozszerzający Lead z opcjonalnym kontemId - Zamień wszelkie dotacje typu leadWithAccount - Naprawiono błąd ESLint: Nieoczekiw...
Usuń nieprawidłowe użycieMemo wrapper z komponentu ReportsPane
- Usuń błędne, []); wspornik zamykający, który powodował błąd składni - ReportsPane jest regularnym komponentem funkcji, nie owinięty w useMemo
Zamień komponenty Grid z Box, aby naprawić kompatybilność API MUI Grid
Dodaj wyściółkę do głównego pojemnika, aby zapobiec dotykaniu ścian
Jak to, co widzisz żeglugę?
Każda z tych aktualizacji automatycznie ląduje w miejscu pracy. Zacznij za darmo i obserwuj, jak rośnie tydzień po tygodniu.