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

[Anonymous]

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

• Создайте шаблон сервера Visual Studio Blazor по умолчанию с примерами страниц.
• Добавьте ссылку nuget на Microsoft.AspNetCore.Components.QuickGrid
• Замените страницу погоды аналогичной страницей, просто используя 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) не показывают этого.
Я знаю, что могу это исправить, добавив пользовательские !важные переопределения CSS. Это не мой вопрос.
Мой вопрос: это:

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

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