angular-ui/ui-grid

Make Grids responsive by staking records vertically

Open

#5403 aperta il 13 mag 2016

Vedi su GitHub
 (1 commento) (3 reazioni) (1 assegnatario)JavaScript (2496 fork)batch import
help wanted

Metriche repository

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

Descrizione

The Grids used throughout need to be responsive. When smaller screen sizes are used, the header should be listed vertically and repeated for each record. The detail/record should then be displayed horizontally from the header.

See attached links. https://css-tricks.com/examples/ResponsiveTables/responsive.php http://prntscr.com/b3kt8r

Not sure if simply adding the class "table-responsive" will work on these grids.

How can we make ng grid (ui grid) responsive ?

AngularJS 1.4.8 ui-grid - v3.0.7

Guida contributor

Direzione di ricerca
Indaga come ui grid rende la sua struttura e modifica il CSS per impilare verticalmente intestazioni e record su schermi piccoli.
Tech stack
javascript
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-2 giorni
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
CSS
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
65