Я использовал 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
элементов, но мне не ясно, сработает ли это.
У кого-нибудь есть идеи? Использую ли я правильный подход?
Спасибо за вашу помощь.