Añadir componentes de filtro de rango de fecha para columnas Creadas y Asignadas
- Añadir las variables del estado para los filtros de rango de fecha creado y asignado (fechas de inicio/fin) - Crear componentes de filtro de rango de fecha co...
Hacer enlaces de nombres de contacto clickable y añadir doble clic para abrir el plomo
- Actualizar ContactRenderer para mostrar el nombre primero y apellido como enlaces clicables subrayados - Agregar en el handler de clic para contactar a los no...
Añadir iconos al filtro desplegado de subestituado y actualizar Contratos Enviado
- Actualizar 'Contratos firmados' a 'Contracts Enviados' para que coinpare Java enum - Cambiar icono de los contratos Enviado de Asignación para Enviar icono - ...
Ajustar el rellenoDe izquierda a 17px para fila clavada células de identificación principal
- Cambiar el acolchadoDesde 12px a 17px para una mejor alineación
Añadir iconos únicos para cada subestadomo con colores de estado parent
- Añadir iconos únicos y relevantes para cada subestadoo (por ejemplo, PersonAdd para nuevo plomo, Mensaje para el Mensaje izquierdo) - Los iconos mantienen el ...
Reducir el acolchado en las filas clavada Columna de identificación de plomo para mover los valores de izquierda a la izquierda
- Reducir el acolchadoDe izquierda de 45px a 12px para fila clavada células de identificación principal - Fijación de coma faltante en IdRenderer Box sx prop - ...
Añadir iconos a columna de sub-estatuo que se adaptan a los colores de estado de la matriz
- Añadir la función de ayudador de SubStatusIcon para determinar el icono basado en el estado de la madre - Los iconos de subestadolúanse utilizan los mismos ic...
Máve la barra de filtro por encima de las cabeceras de la cuadrícula en lugar de entre cabeceras y datos
- Mátre la barra de filtro fuera del contenedor AG Grid, posicionado por encima de la cuadrícula - Eliminar el posicionamiento absoluto que estaba causando prob...
Mávete de insignia urgente para liderar columna de identificación y eliminar el correo electrónico de contacto
- Insignia urgente de la columna de contacto a columna de identificación principal - Insignia de posición a la izquierda del icono de la cuenta en DNI de plomo ...
Añadir acolchado a contenedor de red para evitar que la barra de filtro se superteque las filas de datos
- Añadir rellenoArriba: 48px a la caja del contenedor de la cuadrícula - Esto empuja las filas de datos hacia abajo mientras mantiene encabezados en su lugar - ...
Evitar el bucle infinito de re-render en sincronización bidir
- Añadir refs para rastrear la fuente de actualización (tab vs filtro desplegación) - Saltar actualizaciones cuando se originan de la otra fuente - Evita las ac...
Añadir la sincronización bidón entre las pestañas de estado y el descenso del filtro
- Cuando la pestaña de estado cambia el descenso del filtro (ya existía) - Cuando cambia el menú de filtros . Actualiza pestaña de estado activo (nuevo) - Evita...
Utilizar anchos de sincronización de movimientoEfecto después de filtrado declaraciónRowData
Aplicar filtros manualmente para filtrarRowData en lugar de usar filtros AG Grid
- Mueve toda la lógica del filtro en el filtro filtradoUtilización de datosMemo - Aplicar filtros manualmente antes de pasar los datos a AG Grid - Eliminar AG G...
Añadir el registro de la consola y refrescarCells para asegurar que se aplican filtros
- Añadir console.log a la aplicación del modelo de filtro de depuración - RefreshCells después de FilterChanged forzar a volver a vuelven a llogar - Esto deberí...
Eliminar el error de sintaxis de envoltorio de timeout en la aplicación del filtro
Filtros correctamente claros cuando están vacíos y garantizan actualizaciones del modelo de filtro correctamente
- Borrar explícitamente los filtros del modelo cuando los valores están vacíos - Valores de filtro de recorte para manejar el espacio blanco - Consíe el modelo ...
Fisera de filtro de posición debajo de encabezado y asegura que se aplican filtros
- Máve fila de filtros arriba: 48px (por debajo de la cabecera) en lugar de arriba: 0 - Añadir rellenoArriba: 48px a AgGridReact para contabilizar la fila de fi...
Eliminar las referencias de sincronización restantesFilterRowWidths
Sincronización en líneaFilterRowWidths para corregir el error de la visor
Alinear fila de filtro con columnas y fijar filtro de estado
- Fila de posición hilera de filtros absolutamente en el espacio de filtros flotantes (altura de 48px) - Añadir sincronizaciónFilterRowWidths función para que c...
Reemplazar los filtros flotantes AG Grid con fila de filtro personalizada
- Eliminar todas las referencias flotantesFiltroComponent de columnDefs - Establecer flotanteFilter: falso en todas las columnas - Crear fila de filtro personal...
Moviar valorRef declaración antes de useEstado para corregir error
Utilir ref para almacenar el valor del filtro y evitar que AG Grid lo reajuste
- Almacenar el valor actual en valorRef para persistir en los re-renders - Utilizar esUsuarioChangeRef para evitar el efecto de sincronización de los cambios de...
Eliminar la devolución de llamada deFloatingFilterChanged y mejorar CSS para ocultar los iconos del filtro
- No registrarse enFloatingFilterChanged callback para evitar que AG Grid vuelva a fijar valor - Añadidas reglas CSS completas para ocultar botones de menú de f...
Utiliza params en lugar de params personalizados en DropdownFloatingFilter
Correcto DropdownFloatingFilter params y agregar statusFilterValue to Status filter
Filtro correctoParams tipo acceso y añaden estadoFilterValue a los params
Utiliza params personalizado para el acceso filtradoParams y agregas estadoFilterValue a params
Tipos correctos de escritura para el componente de filtro de estado
Hacer filtro de estado controlado y sincronizar con pestañas de estado
- Añadido estado estado del estado deFilterValue para controlar el menú desplegable del filtro de Estado - Filtro de estado ahora sincroniza con activeStatusTab...
Evite la actualización de encabezado y mantenga el valor del filtro con ref
- Utilice la corrienteValueRef para rastrear y mantener el valor del filtro - Retirar refrescarHeader() llamada que estaba causando que la cabecera se escondier...
Reemplazar tipo 'cual' con la interfaz adecuada para la instancia de filtro
Actualizaciones de filtros de seguimiento adecuada para evitar el restablecimiento del filtro de estado
- Uso estáActualizando la bandera de la empresa para rastrear cuando estamos haciendo cambios - Sólo permitir cambios en el modelo padre para actualizar el valo...
Evite el restablecimiento del filtro con llamadas sin lápidas y esconde iconos con menúTabs
- Registrar la noop enFloatingFilterChanged callback para evitar que AG Grid vuelva a restablecimiento del valor del filtro - Utilizar menúTabs: [] en lugar de ...
Nuevo enfoque para los iconos de filtro de Estado y filtro
- Retirado enFloatingFilterChanged callback para evitar actualizaciones circulares - Almacenar la instancia de filtro en ref y actualizar directamente - Añadida...
Evitar el restablecimiento del filtro de estado con la bandera ref y añadir la supresorHeaderMenuButton
- Añadida supresión deHeaderMenuButton a todas las columnas que deben ocultar los iconos de filtro - Mejora es el momentoInternalChangeRef para evitar actualiza...
Evitar el restablecimiento del filtro de estado y mejorar el escondite del icono del filtro
- Añadido esInternalChangeRef para evitar actualizaciones circulares en los filtros de Estado y SubStatus - Seleccionadores CSS actualizados para ocultar mejor ...
Retirar extra envoltorio de caja que estaba rompiendo la pantalla de la cuadrícula
- El envoltorio de caja anidada y que impedía la rejilla renderizar - Movié estilos CSS directamente al envoltorio de caja exterior - La red ahora debe mostrar ...
Eliminar la dependencia del filtro de Sub Estatus useEfect para arreglar la reactividad
Mejorar la reactividad del filtro de sub Estado y ocultar los iconos del filtro con CSS
- Eliminar la dependencia de StatusFilterValue del uso defectues para evitar cierres ranes - Añada reglas de CSS para ocultar los iconos de botones de filtro pa...
Permite adecuadamente el men desplegable y eliminar todos los iconos del filtro
- Add hasStatusFilter state a SubStatusFloatingFilter para rastrear los cambios de filtro de estado - Añadir filtroChanged event listen oyente de eventos para d...
Permite adecuadamente desplegable Sub Estado y eliminar los iconos del filtro
- Arreglar el bonito de estado para activarse cuando se selecciona el filtro de estado (opciones eliminadas.chequeo de longitud de condición de desactivado) - A...
Habilitar el mené desplegable de Sub Estado cuando se selecciona el estado y elimina los iconos del filtro
- Arregar el menú desplegable para habilitar cuando se selecciona un filtro de Estado - Eliminar iconos del filtro (suppressHeaderMenuButton) de Lead ID, Contac...
Mejorar el comportamiento del filtro y el estilismo
- El menú desplegable de su estado ahora sólo muestra subestaduses para el filtro de estado seleccionado - Desglose de la subestacion del estado se deshabilita ...
Mejorar el estilo y la funcionalidad de filtro desplegable
- Alinear todos los filtros desplegadas a la izquierda con acolchado de 5px arriba - Añadir StatusFloatingFilter component with iconos en menú desplegando artíc...
Añadir columna de estado con iconos y filtro dinámico de subestatus
- Añadir la columna de Estado antes de Sub Estado con iconos (Fresh, Reckoning, Farm, Grim, Void) - Crear el componente StatusRenderer que muestra el estado con...
Resolver errores de tipo descriptos de tipo de DropdownFloatingFilter
- Cambiar params extendidos para usar el tipo de intersección en lugar de extender las params de filtrado IFlotating - Utilízate de la aserción de tipo paramelo...
Resolver errores de ESLint en DropdownFloatingFilter component
- Añadir displayName a FloatingFilterComponent - Eliminar el parámetro ref no utilizado - Reemplazar cualquier tipo con interfaces de TypeScript - Añadir interf...
Como lo que ves enviaste?
Todo llega a su espacio de trabajo por sí solo. Comience en el plan gratuito y lea esta página de nuevo en un mes.