контроль высоты различных строк в таблице

Question

У меня есть таблица, используемая на странице cshtml. У меня есть следующие требования

1. В этой таблице будет две строки
2. Эта таблица должна занимать все пространство страницы chstml (в терминах win-форм она должна быть привязана к родителю)
3. Первая строка содержит TextBox, который должен занимать все пространство первой строки.
4. Вторая строка будет содержать метку.
5. Первая строка займет 90% высоты таблицы, тогда как вторая строка займет 10% высоты таблицы

Я довольно новичок с tr, td и т. Д. Ниже моя отправная точка, любая помощь будет высоко ценится.

<table >
    <tr>
        <td >
            @Html.TextBoxFor( m => m.Description)
        </td>
    </tr>
    <tr>
        <td>
            @Html.LabelFor( m => m.SomeThing)
        </td>
    </tr>
</table>

Answer 1

Вы можете контролировать высоту строки с помощью высоты ячейки. Я бы порекомендовал использовать CSS для управления им, но вы также можете сделать это встроенным. Лучше всего разрешить браузеру контролировать высоту таблицы, а затем просто установить высоту первой строки на 90%, таблица должна занимать 100% площади, в которой она находится, а затем вторая строка займет только 10% стол. Это должно работать:

 <div style="height:100%">
   <table>
    <tr>
        <td style="height:90%">
            @Html.TextBoxFor( m => m.Description)
        </td>
    </tr>
    <tr>
        <td style="height:10%">
            @Html.LabelFor( m => m.SomeThing)
        </td>
    </tr>
  </table>
 </div>