Utilizzo Bootstrap 3 e volevo sapere come creare una tabella non rispondente in quanto necessita di circa 40 colonne sullo schermo.Come rendere un tavolo non risponde?
Al mio cliente non importa se devono scorrere orizzontalmente per visualizzare la tabella finché tutti i dati sono presenti.
Quindi, come faccio a creare una tabella che non risponde dove imposto manualmente quali sono le larghezze delle colonne?
È possibile impostare una larghezza minima sulle colonne th. Ecco un esempio:
ho trovato la soluzione.
ho aggiunto un min-width a tutti i miei voce th elementi:
<th style='min-width: 100px;'>
e che sembra funzionare.
Invece di aggiungere min-larghezza a tutti gli elementi th, utilizzare lo stile/css include globalmente.
th {
min-height: 100px;
}
cambiamento classe contenitore per "contenitore-fluido"
Esempio:
<div class="container-fluid">
<table class="table">
...
</table>
</div>
per questo lavoro occorre set doctype in html5:
<!DOCTYPE html>
e aggiungi header this meta:
<meta name="viewport" content="width=device-width, initial-scale=1">
È possibile farlo in diversi modi:
1) set min-width in stile-foglio per table, th, td, tr:
table {
min-width:700px;
}
tr {
min-width:120px;
}
th,td {
min-width:20px;
}
2) Oppure, puoi rimuovere la meta vista reattiva dell'intestazione:
<meta name="viewport" content="width=device-width, initial-scale=1">
Questo non funziona per me. – Jamesking56
Se fornisci alla tua tabella un'altra classe (come quella "non responsiva" che ho usato in jsbin), o aggiungi min-width alla classe corrente per la tua tabella che dovrebbe funzionare senza problemi. Anche in futuro sarebbe meglio se includessi il tuo esempio, in modo che le persone possano vedere esattamente cosa stai facendo. Senza di ciò, la tua domanda non è suscettibile di ricevere altrettanta attenzione. – Charlie
Alla fine ha funzionato per me. Grazie. – Jamesking56