Blazor визуализация ширины столбцов таблицы

У меня есть проект Microsoft Blazor. Я пытаюсь заставить Razor динамически изменять ширину столбцов таблицы. Мне не удалось заставить его работать, поэтому я создал эту очень урезанную версию для тестирования. Следующий код создает две таблицы. В первом коде Razor нет, а ширина отображается правильно. Во втором случае ширина игнорируется, даже если она жестко запрограммирована. В неурезанной версии я установил видимость столбца и текста заголовка с помощью Razor, и он отлично работает. Игнорируется только ширина.

    <table>
        <thead class="thead-light">
            <tr>
                <th WIDTH="100">Column 1</th>
                <th WIDTH="200">Column 2</th>
            </tr>
        </thead>
    </table>
    <table>
        <thead>
            <tr>
                @foreach (var col in Columns)
                {
                    <th WIDTH="300">Column 1</th>
                }
            </tr>
        </thead>
        <tbody>
      ...

Заголовки итоговых столбцов


person Tim    schedule 25.08.2020    source источник
comment
Ширина не игнорируется, это обычная интерпретация браузера, когда отображается слишком много столбцов. Уменьшите количество столбцов до 2, и вы почувствуете разницу. Это не специфическое поведение Blazor, вы получите то же самое с jquery или js-функцией.   -  person agua from mars    schedule 26.08.2020
comment
Я забыл сказать, потому что все столбцы имеют одинаковую ширину   -  person agua from mars    schedule 26.08.2020
comment
Я понимаю, о чем вы говорите, но мне нужен способ контролировать ширину столбцов независимо от их количества. Необязательно выводить на экран сразу всю таблицу. Пользователь может прокручивать. Собственно, вот что и происходит сейчас. Отображается только часть таблицы, и пользователь прокручивает вправо, чтобы увидеть остальную часть. Несмотря на это, браузер уменьшает ширину столбцов. Должен быть какой-то способ изменить это поведение. Я попытался установить атрибут ширины для различных div во включенных компонентах, но это не повлияло.   -  person Tim    schedule 06.09.2020
comment
overflow-x: авто на thead my be   -  person agua from mars    schedule 06.09.2020
comment
на самом деле таблица предназначена для отображения каждого столбца, а не для прокрутки. Или установите ширину таблицы суммой ширины столбцов   -  person agua from mars    schedule 06.09.2020


Ответы (1)


Думаю, я нашел решение. Вместо использования текста для заголовков таблиц я использовал кнопки с нулевыми границами и нулевыми полями. Выглядит так же, как текст, но теперь я могу управлять шириной столбца, задав ширину кнопки.

person Tim    schedule 07.09.2020