Decrease 공급 업체, 제품 및 소스 열 폭 40px
- 80px에서 40px로 벤더 열 폭 변경 - 80px에서 40px까지의 제품 열 폭 변경 - 60px에서 20px로 변환 소스 열 폭 - 일치하는 열에 대응 필터 필드 컨테이너 폭 업데이트
빠른 검색 필드와 구성 요소 아래 10px 패딩 추가
- pb를 추가하십시오: '10px'에 빠른 검색 상자 콘테이너 - 작업하지 않은 높이와 정렬Self 속성 제거
수직 정렬 빠른 검색 필드 및 구성 요소 중간에
- 부모 상자에 minHeight를 추가하여 탭 높이 일치 - 디스플레이 플렉스 및 alignItems 센터를 탭 컨테이너 박스에 추가 - 고도를 추가하십시오 100%와 적당한 수직 줄맞춤을 위한 Quick Search Box에 줄맞춤 각자 센터
다른 25px의 공급 업체, 제품 및 소스 열 폭을 결정
- 105px에서 80px까지의 공급 업체 열 폭 변경 - 105px에서 80px까지의 제품 열 폭 변경 - 85px에서 60px까지의 소스 열 폭 변경 - 일치하는 열에 대응 필터 필드 컨테이너 폭 업데이트
Decrease 공급 업체, 제품 및 소스 열 폭 25px
- 130px에서 105px까지의 공급 업체 열 폭 변경 - 130px에서 105px까지의 제품 열 폭 변경 - 110px에서 85px까지의 소스 열 폭 변경 - 일치하는 열에 대응 필터 필드 컨테이너 폭 업데이트
Decrease 공급 업체, 제품, 소스, 에이전트 열 폭 20px
- 150px에서 130px까지의 공급 업체 열 폭 변경 - 150px에서 130px까지의 제품 열 폭 변경 - 130px에서 110px로 변환 소스 열폭 변경 - 120px에서 100px로 에이전트 열 폭 변경 - 일치하는 열에 대응 필터 필드 컨테이너 폭 업데이트
국가 및 거리 열 폭 및 거리 표시 업데이트
- 100px에서 60px로 국가 열 폭 변경 - 200px에서 130px까지의 거리 컬럼 폭 변경 - Update Street 칼럼은 셀의 거리 주소만 표시 - 'street, city' 형식을 보여주는 Street Column에 대한 툴팁 추가 - 대응 필터 필드 컨테이너 폭 업데이...
상태 및 거리 필터를 이동하여 위치 확인 후 접촉
- 접촉 필터 후에 오른쪽으로 이동 상태와 거리 필터 필드 - 에이전트 필터 후 중복 상태 및 거리 필터 제거 - 필터 주문 이제 열 주문 일치 : 리드 ID, 연락처, 상태, 거리, 상태, 하위 상태 ...
국가 및 거리 열 구현
- 여전히 addressFilterValue를 언급 한 오래된 주소 필터 필드를 제거 - 접촉 필터 후에 국가 및 거리 필터 필드를 추가하십시오 - stateFilterValue 및 streetFilterValue를 사용하기 위해 로직 필터링 - 주 필터는 미국 주(100px 너비)로 ...
리드 ID, 상태 및 하위 상태에 대한 열 폭 업데이트
- 245px에서 230px까지의 리드 ID 컬럼 폭 변경 - 90px에서 115px까지의 상태 열 폭 변경 - 150px에서 170px까지의 하위 상태 열 폭 변경 - 일치하는 열에 대응 필터 필드 컨테이너 폭 업데이트 - 명시된 minWidth 및 maxWidth 제약 추가
업데이트 상태 및 하위 상태 열 폭
- 65px에서 90px의 상태 열 폭 변경 - 120px에서 150px까지의 하위 상태 열 폭 변경 - 일치하는 열에 대응 필터 필드 컨테이너 폭 업데이트 - 명시된 minWidth 및 maxWidth 제약 추가
업데이트 필터 필드 컨테이너 폭 열 폭 일치
- 300px에서 245px까지의 리드 ID 필터 컨테이너 업데이트 - 200px에서 65px까지의 상태 필터 컨테이너 업데이트 - 200px에서 120px까지 Sub Status filter container 업데이트 - 150px에서 120px까지 에이전트 필터 컨테이너 업데이트 -...
변경 날짜 열 폭 155px
- 220px에서 155px로 생성 및 할당된 열 폭 업데이트 - 두 열을 위해 155px에 명시된 폭, minWidth 및 maxWidth를 설정하십시오. - 업데이트 날짜 필터 필드 컨테이너 155px 폭 일치 - 열과 필터 필드 사이에 일관성을 유지
상태 탭 줄에 빠른 검색을 이동, 오른쪽 정렬
- 빠른 검색은 현재 상태 탭과 동일한 행에 나타납니다, 오른쪽에 정렬 - 중복 검색 표시 줄을 제거하여 단순 레이아웃 - 상태 탭 및 빠른 검색은 공간의 플렉스 컨테이너에 있습니다
Pinned 행 지도 ID 세포를 위한 17px에 paddingLeft를 조정하십시오
- 12px에서 17px로 변경
핀 행 리드 ID 컬럼을 축소하여 값을 왼쪽으로 이동
- 45px에서 12px까지의 패딩을 감소시키며 핀 행 리드 ID 셀에 대한 - IdRenderer Box sx prop에 누락된 comma 수정 - 이것은 핀 행에서 왼쪽에 리드 ID 값을 더 이동
Headers와 data 대신 그리드 헤더 위에 필터 바를 이동합니다
- 그리드 위에 위치한 AG Grid container 외부 필터 바를 이동 - Overlap 문제를 일으키는 절대 위치 제거 - 필터 바는 이제 필드 헤더가 별도의 행으로 나타납니다. - 더 이상 필요하지 않은 PaddingTop 제거 - 이것은 우두머리가 항상 눈에 보이고 여과기 막...
Overlapping 데이터 행에서 필터 바를 방지하기 위해 그리드 컨테이너에 패딩 추가
- PaddingTop 추가 : 48px에서 그리드 컨테이너 박스에 - 이 자리에 헤더를 유지하면서 데이터 행을 아래로 밀어 - 필터 바 상단에 위치 : 48px (아래 헤더) - 이제 데이터 행은 96px (48px 헤더 + 48px 필터 바)에서 시작합니다
Sync에 있는 무한한 re-render 반복 방지
- 업데이트 소스를 추적하기 위해 ref를 추가하십시오 (Tab vs filter dropdown) - 다른 소스에서 시작했을 때 업데이트 건너뛰기 - React 오류 #185를 일으키는 원형 업데이트 방지 - setTimeout 를 사용하여 state 업데이트가 완료된 후 플래그를 재...
FilteredRowData 대신 AG Grid 필터를 사용하여 필터를 수동으로 적용
- 모든 필터 로직을 filteredRowData useMemo로 이동 - AG Grid에 데이터를 전달하기 전에 필터를 수동으로 적용 - AG Grid SetFilterModel 호출을 제거하여 데이터를 직접 필터링합니다. - 필터는 dropdown 값 변경으로 즉시 작동 - 이것은 ...
Properly clear filter when 비어있고 필터 모델 업데이트를 올바르게 지키십시오
- 값이 비어있을 때 모델의 Explicitly delete 필터 - Whitespace를 처리하는 트림 필터 값 - 다른 필터를 보존하기 위해 현재 필터 모델을 먼저 가져옵니다. - 모든 필터가 삭제되면 필터 모델 설정 - 필터를 올바르게 적용하고 정리합니다
Header의 밑에 위치 여과기 행 및 필터 적용을 지킵니다
- 상단에 필터 행 이동: 48px (아래 헤더) 대신 상단: 0 - PaddingTop 추가 : 48px에서 AgGridReact 필터 행에 대한 계정 - FloatingFiltersHeight를 0으로 설정하여 사용자 정의 필터 행을 사용하고 있습니다. - setFilterModel...
Align 필터 행 열 및 고정 상태 필터
- 부동 필터 공간 (48px 높이)의 위치 필터 행 - syncFilterRowWidths 함수를 추가하여 열폭을 동적으로 일치 - 그리드 준비 및 열 크기 이벤트에 동기화 폭 - 상태 및 subStatus 필드에 적용하는 상태 필터 수정 - 부모의 상태에 의해 필터링 할 때 모든 어...
필터값을 저장하고 AG Grid를 재설정하여 사용
- re-renders의 persist에 valueRef에 있는 현재값을 저장하십시오 - use isUserChangeRef 를 사용하여 sync effect를 overriding user changes 에서 방지하기 - 필터 인스턴스에서 초기 모델을 읽기 - 항상 valueRef.cu...
OnFloatingFilterChanged 콜백을 제거하고 CSS를 개선하여 필터 아이콘을 숨깁니다
- ONFloatingFilterChanged 콜백을 등록하지 마십시오. - 필터 메뉴 버튼과 아이콘을 숨기는 종합 CSS 규칙 추가 - 아이콘이 숨겨져 있는지 확인하기 위한 다중 선택기 변형 추가 - 필터 재설정을 방지하고 모든 필터 아이콘 숨기기
잘못된 DropdownFloating Filter params 및 StatusFilterValue를 상태 필터에 추가
FilterParams를 위한 customParams를 이용하고 params에 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...