Una barra di scorrimento su una griglia di dati, non due

Fixkamo-internal
Spegnimento
6 settembre 2026 alle ore 08:16 UTC
Autore
Kamo
Impegno
7bca2f4

Ogni griglia nell'app ha disegnato due barre verticali — la nostra e la biblioteca, fianco a fianco lato. Misurato su /leads: il nostro a x|[868,900], ag-Grid's a xtension[900,915]. ag-Grid e il DataGrid MUI non scorrere con una barra sul loro porto. Entrambi nascondere quello e costruire un elemento SECOND accanto a esso — `.ag-body-vertical-scroll`, # Con una vera e propria barra della piattaforma, sincronizzando # due su ogni rotolo. L'elenco dei marcatori ha chiamato i portari, quindi l'app ha dipinto la sua barra sopra gli ultimi 32px delle celle mentre la biblioteca ha continuato a disegno accanto Ecco. La regola dell'allargamento delle grondaie non avrebbe mai potuto impedire che: `scrollbar-width: nessuno!importante` sul porto di scorrimento, quindi non c'era grondaia là per ampliare, che è anche il motivo per cui il nostro bar seduto sulle celle piuttosto che accanto loro. Quei secondi elementi portano il marcatore ora. Ognuno è un vero pergamena il cui scrollTop la libreria orologi, quindi una barra dipinta su uno guida esattamente la griglia come la barra della piattaforma ha fatto, e atterra in una striscia la griglia già si riserva. - Entrambe le griglie sono richieste per una striscia di 32px — `provideGlobalGridOptions` in KamoAgGrid, sul tema. Come opzione piuttosto che CSS perché il numero è anche ciò che ogni griglia sottrae dallo spazio le sue colonne sono poste in. - La barra della piattaforma all'interno della striscia viene rimossa piuttosto che colorata: gutter è che la biblioteca sta facendo e non ha bisogno di un bar nativo per tenerlo aperto. ag-Grid due distanziatori orizzontali vanno con esso — `overflow-x: scroll` puramente così la band legge come una barra attraverso le colonne pinned, e a 32px erano due stubs della barra di scorrimento della piattaforma sia lato del nostro, visibile su /accounts. - Entrambe le librerie segnano il widget `aria-hidden`, che è anche il segnale di questa applicazione che qualcosa è stato messo davanti a un pergamena; overlayGeometry esclude questi per nome, e tutto il resto aria-hidden ancora sta il bar giù. - Dove la piattaforma galleggia le sue barre invece di riservare una colonna, ag-Grid segue causa; globals.css mette la colonna indietro, perché una barra opaca 32px Ne ha bisogno. Le strisce di DataGrid galleggiano sopra le righe anche allora, quindi sono dipinto nel token di sfondo della griglia. Verificato in un browser reale (una pagina di sonda con sei griglie, classico e overlay barre di scorrimento): una barra per asse, nella propria striscia, nessuna barra nativa sinistra; la barra guida la griglia e la segue; nessuna barra dove nulla trabocca; colonne a spillo pulito. oneScrollbar ora spilla entrambe le metà dell'invariante e non riesce se un marcatore cade da una lista.

Tutte le modifiche

Come quello che vedi la spedizione?

Ognuno di questi aggiornamenti atterra automaticamente nello spazio di lavoro. Inizia gratis e guardalo crescere settimana dopo settimana.

Inizia gratis per sempreVisualizza il prezzo