Jeden pasek przewijania na siatce danych, a nie dwa

Fixkamo-internal
Shipped
6 września 2026 08:16 UTC
Author
Kamo
Commit
7bca2f4

Każda siatka w aplikacji narysowała dwa pionowe paski — nasze i biblioteki, obok Po stronie. Mierzone na /leads: ours at x'[868 900], ag-Grid's at x'[900,915]. ag-Grid i MUI DataGrid nie przewijają się z paskiem na ich portie przewijania. Oba Ukryj to i zbuduj obok siebie drugi element — "ag-body-vertical-scroll", - z prawdziwym paskiem platformy, synchronizacją Po dwóch na każdym zwoju. Lista znaczników nazywa się portami przewijającymi, więc aplikacja pomalowana Jego pasek nad ostatnim 32-sxem komórek, podczas gdy biblioteka rysowała obok To się robi. Reguła do powiększania rynien nigdy nie mogła temu zapobiec: zestawy ag-Grid "przepustka": żadna !waża na porcie zwiastowania, więc nie było rynny Tam poszerzyć się, dlatego nasz bar siedział na komórkach, a nie na To one. Te drugie elementy noszą teraz marker. Każdy z nich jest prawdziwym przewijaczem, którego Przewiń oglądaj bibliotekę, więc pasek pomalowany na jednym najecha dokładnie siatkę Tak jak zrobił to bar platformy, a on ląduje w pasie, sieć już rezerwuje. - Obie siatki są proszone o pasek 32px - "provideGlobalGridOptions" w KamoAgGrid, na temat. Jako akcja Opcja zamiast CSS, ponieważ liczba jest również tym, co każda siatka odejmuje Z przestrzeni ustawiane są jego kolumny. - Pasek platformy wewnątrz paska jest usuwany, a nie kolorowany: to rynszto to robi biblioteka i nie potrzebuje rodzimego baru, aby go otworzyć. Dwa poziome dystanse ag-Grid idą z nim — przepełnienie przesuń - przesunięcie: przewijanie" wyłącznie Zespół odczytuje jako jeden pasek na przypiętych kolumnach, a przy 32pxie były dwa Zwój platformy przewijania po obu stronach naszej, widoczny na /konach. - Obie biblioteki zaznaczają widżet "aria-hidden", który jest również sygnałem tej aplikacji To, że coś zostało umieszczone przed scrollerem; nakładkaGeometria wyklucza Te z imienia i nazwiska, a wszystko inne, aria-ukryte, wciąż stoi w dół. - Gdzie platforma pływa swoimi paskami zamiast rezerwować kolumnę, ag-Grid Podąża za nim; globals.css odkłada kolumnę z powrotem, ponieważ wytrzymały pręt 32px Potrzebny jeden. Pasy DataGrid przenoszą się nad rzędami nawet wtedy, więc są Namalowany na własnym tokenze tła. Sprawdzone w prawdziwej przeglądarce (strona sond z sześcioma siatkami, klasykiem i nakładką Przewijniki): jeden pasek na oś, we własnym pasku, bez natywnego paska; pasek Napędza siatkę i podąża za nią; bez paska, w którym nic się nie przelewa; przypięte kolumny Czyste. jedenScrollbar teraz przypina obie połówki niezmiennych i nie działa, jeśli marker Spada z któregokolwiek z list.

All changes

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.

Start Free ForeverZobacz ceny