Oblicz szerokość każdej kolumny tabeli na podstawie liczby kolumn - html, css, html5, html-table

Mam tabelę z x liczbą kolumn, a tabela ma stałą szerokość.

<colgroup>
<col width="20%" />
<col width="20%" />
<col width="20%" />
<col width="20%" />
<col width="20%" />
</colgroup>

Chcę, aby szerokość każdej kolumny była oparta na liczbie kolumn. Jeśli 4 kolumny mają szerokość 25%, jeśli 3 = 33%, jeśli 2 = 50%

Czy można to zrobić bez JavasScript?

Odpowiedzi:

Bez javascript? Nie, nie można przypisać kolumnom wartości szerokości bez użycia javascript.

HTML / CSS służą do budowania struktury i stylizacji witryny, a nie do robienia matematyki.

Wykorzystuje się również procenty, gdy tynie znać stałej szerokości kontenera tabeli, chyba że masz pewność, że treść ma taką samą szerokość, że możesz skończyć z rzędami tabel, które staną się bardzo wysokie, ponieważ zgniatasz zawartość w 5 kolumnach o stałej szerokości.

Określ, którego języka programowania używasz.

Jeśli używasz php ..,

jeśli całkowita liczba kolumn wynosi $x

w pętli musisz ustawić

<col width="<?php echo 100/$x; ?>" />