How to make tables fit the entire width of the screen?

Question

css

Good afternoon. There are 2 tables on bootstrap, one has more columns than the other. When viewed from a computer, one table is full screen, the second starts scrolling to the side. How can I make this table shrink and scrolling disappear?

Answer 1

table {
    width: 100%;
    word-break: break-all;
}

Answer 2

table {
width: 100%;
}
or set a fixed width
, but in general it’s not clear without an example