Czy istnieje sposób na ukrycie wierszy tabeli bez wpływu na ogólną szerokość tabeli? Mam javascript, który pokazuje/ukrywa niektóre wiersze tabeli, ale gdy wiersze są ustawione na display: none;
, tabela z kurczy się, aby dopasować zawartość widocznych wierszy.Ukrywanie wierszy tabeli bez zmieniania ogólnej szerokości
Odpowiedz
Jeśli szukasz, aby zachować ogólną szerokość tabeli, można to sprawdzić przed ukrywa rząd i jawnie ustawić właściwość stylu szerokość tej wartości:
Jednak może to spowodować poszczególne kolumny, które mają się ponownie wyświetlać po ukryciu wiersza. Możliwym sposobem na złagodzenie tego jest dodanie stylu do tabeli:
Dla porównania, rozwiązanie levika działa idealnie. W moim przypadku, przy użyciu jQuery, rozwiązanie wyglądało mniej więcej tak:
$('#tableId').width($('#tableId').width());
w CSS, na stole instruuje przeglądarkę na cześć rozmiary już określone dla wysokościach i szerokościach. Z reguły uniemożliwia to automatyczną zmianę rozmiaru przeglądarki, chyba że nie podano żadnych wskazówek dotyczących preferowanych rozmiarów wierszy i kolumn.
dzięki za wyjaśnienie zachowania – garrow
Można to zrobić przy użyciu czystego HTML
<table border="1">
<colgroup>
<col width="150px" />
<col width="10px" />
<col width="220px" />
</colgroup>
<tr>
<td valign="top">1</td>
<td> </td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td> </td>
<td>4</td>
</tr>
</table>
- 1. Pokazywanie i ukrywanie wierszy tabeli w angularjs
- 2. Trwa pobieranie wszystkich wierszy tabeli bez HQL?
- 3. Ustawienie szerokości kolumny tabeli
- 4. HTML Praktyka szerokości kolumny tabeli
- 5. plik cat bez zawijania wierszy
- 6. (1) blisko "AUTO_INCREMENT": błąd składni podczas zmieniania tabeli
- 7. CSS: Symulacja elastycznej szerokości (bez szerokości min) -
- 8. Wydanie wierszy tabeli kątowej
- 9. Przełącz zmienną liczbę wierszy tabeli
- 10. Ukrywanie i wyświetlanie komórki tabeli TableLayoutPanel
- 11. Pokazywanie/ukrywanie wierszy tabeli przy pomocy Javascript - czy można zrobić z identyfikatorem - jak zrobić z klasą?
- 12. jQuery: FadeOut nie pracuje z wierszy tabeli
- 13. Zmienianie nazwy czcionki bez zmieniania domyślnego pytonu czcionki
- 14. Zmienianie nazw legendy bez zmieniania kolorów w ggplot2
- 15. Stałe kolumny tabeli szerokości w Bootstrapie
- 16. Usuwanie wierszy tabeli w javascript
- 17. Usuwanie zduplikowanych wierszy z tabeli
- 18. Liczba wierszy SQL w tabeli
- 19. Rolling wierszy w tabeli SQL
- 20. Blok wyświetlacza bez 100% szerokości
- 21. Animacja szerokości ImageView bez skalowania
- 22. Ukrywanie adnotacji map bez ich usuwania
- 23. skrócie ukrywanie ActionBar bez zmiany rozmiaru aktywny
- 24. Uzyskiwanie wartości wielu wierszy z tabeli MySQL
- 25. Usuwanie zduplikowanych wierszy z tabeli BigQuery
- 26. Określanie szerokości procentowej dla komórek tabeli CSS
- 27. colspan mes z tabeli stałej szerokości
- 28. Używanie JavaScript do zmiany szerokości komórek tabeli
- 29. Utrata szerokości kolumn podczas drukowania tabeli HTML
- 30. Emacs zmieniania rozmieszczenia Podział szyby
... aż do zmiany rozmiaru okna, a następnie stałej szerokości stołu nie reflow dłużej, bo to teraz stałą szerokość piksela ... – ijw