Обновление ширины колонок Status и Sub Status
- Изменение ширины колонки статуса с 65px до 90px - Изменить ширину колонки Sub Status с 120px до 150px - Обновление соответствующей ширины контейнера поля филь...
Обновление ширины поля фильтра для соответствия ширине колонки
Обновление контейнера фильтра Lead ID с 300px до 245px - Обновление контейнера фильтра состояния от 200px до 65px - Обновление контейнера фильтра Sub Status от ...
Изменение ширины столбца даты до 155px
- Обновление Созданная и назначенная ширина колонки от 220px до 155px Установите явную ширину, minWidth и maxWidth до 155px для обеих колонок. - Обновление дат ...
Переместите быстрый поиск в строку вкладок статуса, выровненную справа
Быстрый поиск теперь появляется на той же строке, что и вкладки статуса, выровненные вправо. Упрощенный макет с удалением дубликата раздела строки поиска Заклад...
Отрегулируйте прокладку слева до 17px для прикрепленных рядных ID-клеток Lead
- Изменение прокладки слева от 12px до 17px для лучшего выравнивания
Уменьшите прокладку в зажатых рядах Ведущая колонка ID для перемещения значений
- Уменьшить прокладку с 45px до 12px для прикрепленных рядных ID-клеток Lead Исправить недостающие запятые в IdRenderer Box sx prop Это перемещает значения иден...
Переместить панель фильтра над заголовками сетки вместо между заголовками и данными
- Переместить полосу фильтра за пределы контейнера AG Grid, расположенного над сеткой Удалить абсолютное позиционирование, которое вызывало проблемы перекрытия ...
Добавить накладку в контейнер сетки, чтобы предотвратить перекрытие полосы фильтра в строках данных
- Добавить paddingTop: 48px в контейнерную коробку сетки - Это снижает строки данных, сохраняя заголовки на месте - Фильтр-бар расположен сверху: 48px (ниже заг...
Предотвратить бесконечный цикл повторного рендеринга в двунаправленной синхронизации
Добавить refs для отслеживания источника обновления (выпадение tab vs filter) Пропустить обновления, когда они происходят из другого источника Предотвращение ци...
Переместить ширину синхронизации с помощьюEffect после фильтрованной декларации RowData
Применяйте фильтры вручную для фильтрации RowData вместо фильтров AG Grid
Переместите всю логику фильтра в фильтрованные данные Применять фильтры вручную перед передачей данных в AG Grid Удалить AG Grid setFilterModel звонки, так как ...
Правильно очищайте фильтры, когда они пусты, и обеспечивайте правильное обновление модели фильтра
Явно удаляйте фильтры из модели, когда значения пусты. - Значения фильтра Trim для обработки белого пространства Сначала получите текущую модель фильтра, чтобы ...
Позиционная строка фильтра ниже заголовка и обеспечение применения фильтров
- Переместить строку фильтра в верхнюю часть: 48px (ниже заголовка) вместо верхней части: 0 Добавить paddingTop: 48px в AgGridReact для учета строки фильтра - Н...
Выравнивайте строку фильтра с колонками и фиксируйте фильтр состояния
- Позиционный ряд фильтра абсолютно в пространстве плавающих фильтров (высота 48px) Добавьте функцию syncFilterRowWidths, чтобы динамически сопоставлять ширину ...
Переместить декларацию valueRef перед использованием State для исправления ошибки
Используйте ref для хранения значения фильтра и предотвращения сброса AG Grid
- Хранить текущую стоимость в стоимостном выражении Ref, чтобы сохраняться в повторных рендерах Использование isUserChangeRef для предотвращения эффекта синхрон...
Удалите onFloatingFilterChanged callback и улучшите CSS, чтобы скрыть значки фильтра
Не регистрируйте обратный вызов на FloatingFilterChanged, чтобы предотвратить сброс стоимости AG Grid Добавлены комплексные правила CSS для скрытия кнопок меню ...
Используйте парам вместо пользовательских кадров в DropdownFloatingFilter
Правильное падение плавает Фильтр парам и добавить statusFilterValue в фильтр Status
Исправьте доступ к типу filterParams и добавьте статусFilterValue в парам
Используйте customParams для доступа filterParams и добавьте statusFilterValue в парам
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 ...
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...
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 ...
Change filter values from functions to arrays for dropdown display
- Change filterParams values from functions to direct arrays - AG Grid set filters require values as arrays, not functions - This should fix dropdown filters no...
Apply 50px padding only to Lead ID column in pinned rows - Change CSS selector from first-of-type to col-id=leadID to target only Lead ID column - Prevents padding from being applied to Contact and Actions columns - Pinned rows are already integrated into main datagrid via pinnedTopRowData
Align pinned rows with main list cells
- Add 50px padding-left to first cell (Lead ID) in pinned rows for account icon alignment - Compensate for 4px red border by moving pinned row left with marginL...
Replace any type with proper LeadWithAccount interface
- Create LeadWithAccount interface extending Lead with optional accountId - Replace any type assertion with LeadWithAccount type - Fixes ESLint error: Unexpecte...
Remove incorrect useMemo wrapper from ReportsPane component
- Remove erroneous }, []); closing bracket that was causing syntax error - ReportsPane is a regular function component, not wrapped in useMemo
Replace Grid components with Box to fix MUI Grid API compatibility
Add padding to main container to prevent tab panels from touching walls
Как вы видите судоходство?
Каждое из этих обновлений автоматически попадает в ваше рабочее пространство. Начните бесплатно и смотрите, как он растет неделю за неделей.