На странице в bootstrap ячейку помещена таблица, в таблице достаточное количество столбцов, и на экранах ноутбуков эта таблица выходит за границы отведенной для нее ячейки
код страницы в этом месте:
<div class="col-md-9">
<div class="row tablica">
<table class="table table-striped tablesorter">
<thead>
<tr>
.....
<th>класс</th>
<th>расположение</th>
</tr>
</thead>
<tbody>
...
<tr>
<td>текст</td>
<td>текст</td>
</tr>
<tr>
<td>текст</td>
<td>текст</td>
</tr>
</tbody>
</table>
</div>
</div>
Как сделать так, чтобы таблица полностью поместилась в выделенный ей блок, а текст в широких столбцах скрылся за границами столбцов, но при hover на ячейку таблицы "ездил" "туда-назад"?