Div вокруг таблицы с помощью overflow-x-auto (начальная загрузка), но вся страница становится прокручиваемой ⇐ CSS

[Anonymous]

Я использую Blazor, где у меня есть компонент для загрузки отдельной таблицы (с опциями поиска и использования сортировки). Вокруг моей таблицы есть элемент div с классом overflow-x-auto, но он все равно заставляет всю страницу выходить за пределы экрана.
Я также пытался установить его с помощью style= "overflow:scroll;", я пробовал это через отдельный класс, но, похоже, ничего не помогает.
Я вижу, что CSS применяется в инструментах разработчика F12.
Мне кажется, что я что-то упускаю. Может ли кто-нибудь взглянуть на меня и посмотреть, чего мне не хватает?

Код: Выделить всё

[i]

[/i]





Select a Period
@foreach (var period in Periods)
{
@period
}










@if (FilteredData != null)
{


@(FilteredData?.Count() ?? 0) @(FilteredData?.Count() == 1 ? "row found" : "rows found")


}




@foreach (var header in ColumnHeaders)
{
if (!ExcludedColumns.Contains(header))
{

@header




}
}



@foreach (var row in FilteredData)
{

@foreach (var header in ColumnHeaders)
{
if (!ExcludedColumns.Contains(header))
{
@row[header]
}
}

}

РЕДАКТИРОВАНИЕ: таблица становится прокручиваемой, как только используется экран меньшего размера.

Подробнее здесь: https://stackoverflow.com/questions/790 ... -becomes-s