React BootstrapTable Скрыть столбцы в мобильном представлении (Отзывчиво) - PullRequest
0 голосов
/ 29 апреля 2020

Я использовал React Hooks с Bootstrap4 react-bootstrap-table-next, и это в основном было действительно превосходно.

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

Я добавил атрибут classes в объект columns согласно https://getbootstrap.com/docs/4.1/utilities/display/#hiding -элементы т.е.:

const columns = [{ dataField: 'id',text: 'Employee Id',classes: 'd-none d-sm-block'}, ... ]
<BootstrapTable
            bootstrap4
            keyField="id"
            data={ stats }
            columns={ columns }
        />

Однако этот только скрывает ячейки и не скрывает заголовки таблицы (!). Я рассмотрел добавление в пару TableHeaderColumn элементов, но мне не ясно, сработает ли это.

У кого-нибудь есть идеи? Использую ли я правильный подход?

Спасибо за вашу помощь.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...