I have a boostrap container
div and inside it, I have a table:
<table id="reviewer_table" class="table table-hover table-striped table-condensed tasks-table">
<thead>
// tr/td ...
</tbody>
</table>
But for some reason, this table is too wide, that one column is actually outside of the right screen.
I am not sure what is causing the issue, so I am sharing the code to know if I am doing something wrong.
container-fluid
row
to each<tr>
element and a classcol-xs-?
to each<td>
element directly or place them in divstable-layout: fixed;
andword-wrap: break-word;