Ustawienie szerokości pierwszej kolumny tabeli

Question

Czy ktoś wie jak ustawić szerokość pierwszej kolumny tabeli na wartość maksymalną 150 px? Kod jak poniżej ale niestety mi nie działa :(

<form>
                    <table class="new-procedures-table">
                        
                        <tr>
                            <td class="test">Tytuł postępowania</td>
                            <td><input type="text"></td>
                        </tr>

                        <tr>
                            <td>Numer postępowania</td>
                            <td>SI/12245/2024</td>
                        </tr>

                        <tr>
                            <td>
                                Opis Postępowania
                            </td>
                            <td>
                                <input type="text">
                            </td>
                        </tr>
</table>
</form>

CSS:
 

.new-procedures-table{
    width:100%;
    table-layout: fixed;
}


.test{
    max-width:150px;
}

 

Answer 1

AFAIK na tą chwilę <td> nie reagują na max-width użyj po prostu width.

W podanym przez @pablop76; przykładzie jest m. in. napisane:

... But unfortunately, min-width on table columns are not respected by the <col> element...

... The solution is to fake a min-width and we need to be a bit creative to do it.

proponuje inne podejście do tematu w kwestii:  fake a min-width  np.

.test{
    width: max(18dvw, 150px);
}

 

Comments

Dzięki ;)

Answer 2

<colgroup> może pomóc

Comments

Dziekuje