angular-ui/ui-grid

Right pinned column hidden by scrollbar

Open

#4517 aperta il 14 ott 2015

Vedi su GitHub
 (4 commenti) (0 reazioni) (0 assegnatari)JavaScript (2496 fork)batch import
grid-pinninghelp wanted

Metriche repository

Star
 (5395 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

I have a narrow column, only 20 pixels wide, that contains a pencil icon for opening the record in an edit page. I want to pin this column to the right so that it will always be visible even with a horizontal scroll.

My problem is that when I add 'pinnedRight' to the column definition, it's placed under the vertical scrollbar but still leaves a 20 pixels gap between the scrollbar and the last but one column.

If I increase the with of the column to 45 pixels, the Icon is displayed, but still leaves a gap to the other colmn.

See my attached images for explanation.

Not pinned: not pinned

Pinned right: pinned right

Wider column: wider column

Guida contributor

Direzione di ricerca
Esamina lo stile CSS per la colonna fissata a destra e il contenitore della barra di scorrimento. Controlla z index e posizionamento per assicurarti che la colonna fissata appaia sopra la barra di scorrimento. Verifica anche la logica di calcolo della larghezza della colonna.
Tech stack
javascript
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Datata
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
CSSGit
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
65