Скролл

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

View File

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