A
A
Alexander Proshchenkov2018-06-06 21:47:19
HTML
Alexander Proshchenkov, 2018-06-06 21:47:19

How to fit a large table in a bootstrap container?

I export data from the database to a table on the site
Table in the bootstrap container,

<div class="container">
</div>

There are more than 15 (and in theory there may be 30) columns in the table, and the table crawls out of the container, what options are there to "shove" it there?
Here is a screenshot of the table:
5b182c199e49b132142073.png
there can also be 30 rows, rotating the table is not an option

Answer the question

In order to leave comments, you need to log in

1 answer(s)
S
Sergey delphinpro, 2018-06-06
@Keltor

.container-fluid
  .table-responsive
    table.table

.container-fluid - this is to allow users with large monitors to view the table
normally. .table-responsive - this style will wrap the table in a scrolling container. For large moniks, insurance, for small ones, the need is,
well, inside the table itself.
For mobile devices, you will need to reconsider how the table is displayed. Or leave the scroll container. Methods for adapting tables for mobile phones have already been described a hundred times, nothing new has been invented in recent years. Google for css responsive table

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question