ASP.NET QuickGrid: конфликт стилей между темой QuickGrid по умолчанию и таблицей начальной загрузки ⇐ CSS

[Anonymous]

Репродукция:

• Создайте шаблон сервера Visual Studio Blazor по умолчанию с примерами страниц.
• Добавьте ссылку nuget на Microsoft.AspNetCore.Components.QuickGrid (10.0.0)
• Замените страницу погоды аналогичной страницей, просто используя QuickGrid вместо «ручной» HTML-таблицы:

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

@page "/weather"
@using Microsoft.AspNetCore.Components.QuickGrid

Weather



















@code {
IQueryable? forecasts;

protected override void OnInitialized()
{
var startDate = DateOnly.FromDateTime(DateTime.Now);
forecasts = Enumerable.Range(1, 5).Select(index =>
new WeatherForecast(startDate.AddDays(index), Random.Shared.Next(-20, 55))
).AsQueryable();
}

private record WeatherForecast(DateOnly Date, int TemperatureC);
}

Это дает следующие три макета таблицы:


Похоже, что комбинация

• темы по умолчанию QuickGrid и
• таблицы Bootstrap 5
  (см. в таблице 3) вызывает непреднамеренный «отступ» заголовков.

Ни таблица 1 (только тема по умолчанию QuickGrid), ни таблица 2 (только таблица Bootstrap 5) не показывают этого.
App.razor по умолчанию, предоставляемый VS, импортирует сначала bootstrap.min.css, затем app.css, а затем автоматически сгенерированный {PACKAGE ID/ASSEMBLY ИМЯ}.styles.css, который также включает в себя CSS-директивы QuickGrid.
Я знаю, что могу это исправить, добавив пользовательские !important переопределения CSS. Это не мой вопрос.
Мой вопрос заключается в следующем:

• Это действительно несовместимость между этими двумя компонентами (что кажется странным, поскольку значение по умолчанию Шаблон Blazor включает Bootstrap, а QuickGrid — это элемент управления сеткой по умолчанию для Blazor), который каждый разработчик должен исправить самостоятельно.
• или я просто «не так понимаю» и упускаю что-то очевидное?0

Подробнее здесь: https://stackoverflow.com/questions/798 ... tstrap-tab