Сломанный стол Bootstrap Vue на мобильном - PullRequest
Новая
       9

Сломанный стол Bootstrap Vue на мобильном

0 голосов
/ 07 апреля 2020

Я использую Bootstrap Vue, чтобы сгенерировать таблицу и настроить ее на переключение в «сложенный» формат при просмотре на мобильном устройстве. Кажется, это прекрасно работает при тестировании экранов разных размеров с помощью Chrome Dev Tools, но оно полностью не работает и не читается на моем iPhone XS (как в Chrome и Safari), так и на Safari на моем Ma c.

Ожидаемый вид таблицы "строка" (из Chrome Dev Tool)

Фактический вид таблицы "строка" (MacOS Safari)

Мысли? У меня нет пользовательских CSS на этих скриншотах. Я включил Bootstrap Vue CSS и все такое (все остальное вроде бы работает и выглядит отлично).

Код: 

<template>
    <div>
        <b-table
            striped
            stacked="md"
            :items="members['items']"
        ></b-table>
    </div>
</template>
...