Używam Bootstrap 3 i chciałem wiedzieć, w jaki sposób mogę stworzyć tabelę, która nie odpowiada, ponieważ potrzebuje około 40 kolumn na ekranie.Jak zrobić stół, w którym nie reagujesz?
Mój klient nie ma nic przeciwko, jeśli trzeba przewijać w poziomie, aby wyświetlić tabelę, o ile są tam wszystkie dane.
Jak utworzyć tabelę, w której nie odpowiadam, w której ręcznie ustawiam szerokość kolumn?
Możesz ustawić min-szerokość na th kolumnach. Oto przykład:
znalazłem rozwiązanie.
dodałem min-width do wszystkich moich tytule th elementów:
<th style='min-width: 100px;'>
i że wydaje się działać.
Zamiast dodawać min-width do wszystkich elementów th, użycie stylu/css obejmuje globalnie.
th {
min-height: 100px;
}
zmiana klasy pojemnik na "pojemnika z płynem"
przykład:
<div class="container-fluid">
<table class="table">
...
</table>
</div>
do tej pracy jest konieczne zestaw typ dokumentu HTML5:
<!DOCTYPE html>
i dodanie nagłówek ten meta:
<meta name="viewport" content="width=device-width, initial-scale=1">
Można to zrobić na wiele sposobów:
1) Ustaw min-width w stylu arkuszy do table, th, td, tr:
table {
min-width:700px;
}
tr {
min-width:120px;
}
th,td {
min-width:20px;
}
2) Możesz też usunąć widok metadanych odpowiadający nagłówkowi:
<meta name="viewport" content="width=device-width, initial-scale=1">
To nie działa dla mnie. – Jamesking56
Jeśli podasz swojej klasie inną klasę (np. "Nie odpowiada", której użyłem w jsbina), lub dodaję min-szerokość do obecnej klasy dla twojego stołu, która powinna działać bez problemu. Również w przyszłości najlepiej będzie, jeśli podasz własny przykład, aby ludzie mogli zobaczyć, co dokładnie robisz. Bez tego na twoje pytanie raczej nie zwróci się tyle uwagi. – Charlie
W końcu to zadziałało. Dziękuję Ci. – Jamesking56