Как отобразить 20+ столбцов с использованием response-bootstrap-table-next

Question

Я пытаюсь использовать response-bootstrap-table-next для рендеринга таблицы с более чем 20 столбцами.Прямо сейчас мои данные отображаются, но с таким количеством столбцов текст сжимается.Есть ли опция горизонтальной прокрутки или нумерация заголовков столбцов для такой таблицы?

Спасибо!

Answer 1

Если у вас слишком широкая таблица, возможно, вы можете попробовать следующее:

Добавить элемент контейнера с пользовательским классом css , который устанавливает: overflow-x:auto, околостол.Это должно отобразить горизонтальную полосу прокрутки при необходимости.Например:

HTML:

<div class="table-horiz-scroll" >
  <table>
    <tr><!-- row headers--></tr>
    <tr><!-- row 1 data--></tr>
    <tr><!-- row 2 data--></tr>
    <tr><!-- ... --></tr>
    <tr><!-- row n data--></tr>
  </table>
</div>

CSS:

 .table-horiz-scroll {
    overflow-x:auto;
 }

Надеюсь, это поможет!