Griglia con troppe colonne nel sito Web a larghezza fissa

Question

Sto usando Raderi Telerik per un sito web. Spesso le colonne della griglia superano la larghezza disponibile e si estendono all'esterno dell'area del contenuto principale (larghezza fissa).

Quindi quali sono le mie opzioni per presentare griglie molto ampie. le barre di scorrimento orizzontali sono semplicemente brutte sul mio sito

Answer 1

Le tue scelte sono una combinazione delle seguenti:

1. Caratteri più piccoli
2. Consolida alcune celle in modo da avere più di una riga (ad esempio se hai un " data di inizio " e " data di fine " metti la data di inizio in cima e la data di fine in fondo.
3. Allarga la finestra
4. Fa apparire alcune celle in modo condizionale (basato su filtri definiti dall'utente). Forse le celle utilizzate più frequentemente vengono visualizzate normalmente e una casella di controllo mostra le celle o i gruppi di celle utilizzati meno frequentemente.
5. Consenti scorrimento orizzontale
6. Rendi la finestra una larghezza fluida
7. Dati popup in virgola mobile <div> tramite javascript anziché inserirli in una colonna

Mi manca qualcosa?

Answer 2

Sto usando anche i controlli di Telerik, una cosa che ho imparato dopo aver lavorato molto con loro è che il loro CSS è di solito buono, ma devo anche affrontare il tuo problema, ed ecco il mio consiglio.

• cosa ha detto Keltex.
• aggiungi sempre una classe personalizzata alla tua Rad Grid dove risolvi quelle brutte cose.
• non usare la larghezza fissa per Grid, invece usala su colonne e rendi fluida la griglia, così fa la pagina.

spero che questo aiuti.

Answer 3

Sono d'accordo con Devmania e rendendo fluida la griglia, ho avuto un problema simile di recente. Così ho fatto ora alcune delle mie colonne e ho lasciato il resto da avvolgere. Non ha un bell'aspetto su schermi più piccoli, ma è comunque utilizzabile perché ho bloccato cose come il wrapping di colonne data + ora. Tuttavia, una volta che inizi a usarlo su uno schermo più ampio, sembra fantastico.

Tutto dipende dalla quantità di barra di scorrimento che hai. È possibile eliminare alcune colonne e disporre di tali informazioni in un popup / flyout da qualche parte?

Un'altra opzione è quella di rendere configurabili le colonne mostrate dall'utente, ma non stai davvero affrontando il problema, ma stai solo assumendo la responsabilità dell'utente di farlo sembrare bello.

Se non riesci a sbarazzarti della barra di scorrimento orizzontale, dovresti almeno provare a mettere prima le colonne più importanti in modo che gli utenti non debbano scorrere verso destra molto spesso.