Diminuer les largeurs des colonnes du vendeur, du produit et de la source de 25px
- Remplacer la largeur de la colonne du vendeur de 130px à 105px - Modifier la largeur de la colonne du produit de 130px à 105px - Remplacer la largeur de la co...
Diminuer la largeur des colonnes du vendeur, du produit, de la source et de l'agent de 20px
- Remplacer la largeur de la colonne du vendeur de 150px à 130px - Changer la largeur de la colonne du produit de 150px à 130px - Remplacer la largeur de la col...
Mise à jour des largeurs de colonnes de l'État et des rues et affichage des rues
- Changer la largeur de la colonne d'état de 100px à 60px - Changer la largeur de la colonne de rue de 200px à 130px - Mettre à jour la colonne Street pour affi...
Retirer l'importation non utilisée
- Supprimer l'importation de l'icône de LocationOn depuis la suppression d' AddressRenderer
Supprimer la fonction AddressRenderer non utilisée
- Supprimer AddressRenderer depuis le remplacement de la colonne d'adresse par les colonnes de l'État et de la rue
Déplacer les filtres de l'État et de la rue pour corriger la position après le contact
- Déplacer les champs de filtres de l'État et de la rue pour être juste après le filtre de contact - Supprimer les filtres de l'État et de la rue qui étaient ap...
Mise en œuvre complète de la colonne des États et des rues
- Supprimer l'ancien champ de filtre d'adresse qui référait encore l'adresseFilterValue - Ajouter les champs de filtres d'État et de rue après le filtre à conta...
Remplacer la colonne d'adresse par les colonnes de l'État et de la rue
- Supprimer la colonne d'adresse et AddressRenderer - Ajouter la colonne d'état après le contact (shows subdivision/code d'état) - Ajouter colonne de rue après ...
Mettre à jour les largeurs de colonnes pour l'identification, l'état et le sous-état du plomb
- Modifier la largeur de la colonne ID de la tête de 245px à 230px - Modifier la largeur de la colonne d'état de 90px à 115px - Modifier la largeur de la colonn...
Mise à jour de l'état d'avancement et des largeurs de colonnes du
- Modifier la largeur de la colonne d'état de 65px à 90px - Modifier la largeur de la colonne du sous-état de 120px à 150px - Mettre à jour les largeurs corresp...
Largeurs des conteneurs de champ de mise à jour pour correspondre aux largeurs des colonnes
- Récipient de filtre à identification de plomb de 300px à 245px Récipient de filtre d'état de mise à jour de 200px à 65px - Récipient de filtres de sous-état d...
Actualiser les largeurs des colonnes avec les valeurs spécifiées
- Modifier la largeur de la colonne de la tête ID de 300px à 245px - La colonne de contact reste flex: 1 pour reprendre la largeur restante - Modifier la largeu...
Mettre à jour les ID de conducteur fictifs à la colonne d'adresse alphanumérique et de paramétrer aléatoires à 170px
- Ajouter la fonction générerRandomLeadId pour créer des chaînes alphanumériques aléatoires de longueur 13 - Remplacer les ID de plomb fictifs des nombres séque...
Actualiser les largeurs de colonne de date et remplacer les boutons d'action
- Modifier les largeurs de colonne de date de 155px à 170px (créé et attribué) - Récipients de champ de filtre à jour pour correspondre à la largeur de 170px - ...
Ajouter fin de f) de bordure gris clair à des languettes secondaires
- Ajouter frontièrePetureToutière: '1px solide rgba(0, 0, 0, 0,12)' à la languette d'état container - Fait correspondre le style trouvé sur /leads/view/page - C...
Changer les largeurs de la colonne de date à 155px
- Mise à jour des largeurs de colonnes créées et affectées de 220px à 155px - Fixer la largeur explicite, minWidth et maxWidth à 155px pour les deux colonnes Ré...
Ajouter des fonds gris aux champs de filtre restants et s'aligner sur le fond
- Changer l'alignement de la ligne du filtre du centre à l'extrémité flexible (alignement inférieur) - Ajouter un fond gris (f8fafc) à tous les conteneurs de ch...
Champs de filtre-date d'empilement verticalement avec fond gris isolé
- Changer les champs de filtre de date de la disposition horizontale à la disposition verticale (flexdirection: colonne) - Ajouter un fond gris (f8fafc) uniquem...
Déplacer la recherche rapide vers la ligne des onglets d'état, alignée à droite
- La recherche rapide apparaît maintenant sur la même ligne que les onglets d'état, alignés sur la droite - Mise en place simplifiée en supprimant la section de...
Améliorer la présentation de l'interface utilisateur et augmenter les données simulées
- Faire un texte plus petit pour les champs de filtres de date (fontSize: 0,75rem pour l'entrée, 0,7 rem pour les étiquettes) - Déplacer la recherche rapide sur...
Ajouter des composants de filtre de la plage de date pour les colonnes créées et affectées
- Ajouter des variables d'état pour les filtres de plage de date de création et d'affectation (dates de début/fin) - Créer des composants de filtre de la plage ...
Fais des liens cliquables et ajouter un double-clic pour ouvrir le lead
- Mettre à jour ContactRenderer pour afficher le premier et le nom de famille en tant que liens cliquables soulignés - Ajouter le manipulateur onClick pour cont...
Ajouter des icônes au filtre déroulant du sous-statut et mettre à jour Contrats Envoyé
- Mettre à jour "Contracts Signed" à "Contracts Sent" pour correspondre à Java enum - Changer l'icône des contrats tirés de l'affectation à l'icône - Ajouter de...
Ajuster le justaudageLa gauche à 17px pour les cellules ID de plomb
- Changer de rembourrageLa gauche de 12px à 17px pour un meilleur alignement
Ajouter des icônes uniques pour chaque sous-état avec des couleurs d'état parent
- Ajouter des icônes uniques et pertinentes pour chaque sous-état de domaine (par exemple, PersonAdd for New Lead, Message pour le message de gauche) - Les icôn...
Réduire le rembourrage dans les lignes épinglées Colonne d'identification de tête pour déplacer les valeurs restantes
- Réduire le manœssageLa gauche de 45px à 12px pour les cellules ID de plomb à la rangée - Fixer la virgule manquante dans IdRenderer Box sx prop - Cela déplace...
Ajouter des icônes à la colonne de sous-statut correspondant aux couleurs d'état parent
- Ajouter la fonction getSubStatusIcon helper pour déterminer l'icône en fonction du statut parent - Les icônes de sous-états utilisent les mêmes icônes et coul...
Déplacer la barre de filtre au-dessus des en-têtes de grille au lieu entre les en-têtes et les données
- Déplacer la barre de filtre à l'extérieur du conteneur AG Grid, positionné au-dessus de la grille - Supprimer le positionnement absolu qui cause des problèmes...
Déplacer le badge urgent vers la colonne Lead ID et supprimer le courrier électronique de Contact
- Déplacer le badge d'urgence de la colonne Contact à la colonne ID du plomb - Emplacement de position sur la gauche de l'icône du compte dans l'identifiant de ...
Ajouter un rembourrage au conteneur de grille pour empêcher la barre de filtre de se chevaucher des lignes de données
- Ajouter un gadlageTop: 48px au quadrillage - Cela repousse les lignes de données vers le bas tout en maintenant les en-têtes en place - La barre filtrant est ...
Empêcher la boucle de re-remise infinie en synchronisation bidirectionnelle
- Ajouter refs pour suivre la source de mise à jour (tab vs filtrer la liste déroulante) - Sauver les mises à jour lorsqu'elles proviennent de l'autre source - ...
Ajouter la synchronisation bidirectionnelle entre les onglets d'état et le filtre d'accueil
- Lorsque l'onglet d'état change de filtre à jour â-------------------------------- - Lorsque le filtre, les modifications de la liste déroulante change â--mise...
Déplacer les largeurs de synchronisation useEffet après filtration DéclarationRowData
Appliquer manuellement des filtres à RedowData filtré au lieu d'utiliser des filtres AG Grid
- Déplacer toute la logique du filtre dans l'utilisation de RedowData filtreMemo - Appliquer les filtres manuellement avant de transmettre les données à AG Grid...
Ajouter un journal de consoles et des rafraîchissements pour s'assurer que les filtres s'appliquent
- Ajouter console.log au modèle de filtre de débogage en cours d'application - Appeler rafraîchissementCells après surFilterChanged pour forcer le re-remise - C...
Supprimer l'erreur syntaxe d'encapsulation de l'emballage de l'heure dans l'application du
Filtres correctement transparents lorsqu'ils sont vides et s'assurer correctement des mises à jour du modèle de filtre
- Supprimer explicitement les filtres du modèle lorsque les valeurs sont vides Valeurs de filtre de triage pour gérer les espaces blancs - Obtenir d'abord le mo...
Positionner la ligne du filtre sous l'en-tête et s'assurer que les filtres s'appliquent
- Déplacer la rangée du filtre vers le haut: 48px (en dessous de l'en-tête) au lieu de dessus: 0 - Ajouter un bandageTop: 48px à AgGridReact pour tenir compte d...
Synchronisation en ligneFilterRowWidths pour corriger l'erreur de portée
Alignement de la ligne du filtre avec les colonnes et filtre d'état fixe
- Positionner la rangée du filtre absolument dans l'espace des filtres flottants (hauteur de 48px) - Ajouter syncFilterRowWidths function pour faire correspondr...
Remplacer les filtres flottants AG Grid par une rangée de filtres personnalisées
- Supprimer toutes les références de composant flottant de columnDefs - Set floatingFilter: false sur toutes les colonnes - Créer une ligne de filtre personnali...
Déplacer la déclaration de valeurRef avant utilisationState pour corriger l'erreur
Utiliser ref pour stocker la valeur du filtre et empêcher AG Grid de le réinitialiser
- Stocker la valeur courante dans la valeurRef pour persister à travers les ré-réneries - Utiliser l'utilisateurChangeRef pour empêcher l'effet de synchronisati...
Retirer FloatingFilterChanged callback et améliorer CSS pour cacher les icônes de filtre
- Ne pas vous inscrire sur FloatingFilterChanged callback pour empêcher la réinitialisation d'AG Grid - Ajout de règles CSS complètes pour masquer les boutons e...
Utiliser des params au lieu de customParams dans DropdownFloatingFilter
Correct DropdownFloatingFilter params et ajouter statusFilterFiltreValue to Status filter
Corriger le filtreParams de type accès et ajouter l'étatFiltreValue à params
Comme ce que tu vois expédier ?
Chacune de ces mises à jour atterrit automatiquement dans votre espace de travail. Commencez gratuitement et regardez-le grandir semaine après semaine.