Скролл

This commit is contained in:
GokaPek 2024-05-28 19:50:37 +04:00
parent 9da8a0fd79
commit 84c7c71263
2 changed files with 16 additions and 10 deletions

View File

@ -43,15 +43,17 @@
<div class="row">
<div class="col-4">Students:</div>
<div class="col-8">
@foreach (var student in students)
{
<div class="form-check">
<input class="form-check-input" type="checkbox" name="studentIds" value="@student.Id" id="student-@student.Id">
<label class="form-check-label" for="student-@student.Id">
@student.Name
</label>
</div>
}
<div class="scrollable-list">
@foreach (var student in students)
{
<div class="form-check">
<input class="form-check-input" type="checkbox" name="studentIds" value="@student.Id" id="student-@student.Id">
<label class="form-check-label" for="student-@student.Id">
@student.Name
</label>
</div>
}
</div>
</div>
</div>
@ -95,4 +97,3 @@
</tbody>
</table>

View File

@ -20,3 +20,8 @@ html {
body {
margin-bottom: 60px;
}
.scrollable-list {
max-height: 200px; /* Âûñîòà ñêðîëëáàðà */
overflow-y: auto; /* Äîáàâëÿåì ñêðîëëáàð */
}