<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="table-wrapper"> <table class="table table-bordered table-striped table-hover table-panel-clientes"> <thead> <tr role="row" class="heading"> <th style="width: 200px !important" class="first-col">Cliente</th> <th style="width: 100px !important">Abono</th> <th style="width: 200px !important">Servicios contratados</th> <th style="width: 250px !important">Información estratégica</th> <th style="width: 250px !important">Información administrativa</th> <th style="width: 250px !important">Tareas</th> <th style="width: 250px !important">Últ. modificacíon en diseño</th> <th style="width: 250px !important">Información de campañas</th> <th style="width: 250px !important">Notas</th> <th style="width: 150px !important" class="last-col">Acciones</th> </tr> </thead> <tbody> <tr> <td>Cliente</td> <td>Abono</td> <td>Servicios</td> <td>Info estrategica</td> <td>Info admin</td> <td>Tareas</td> <td>Ult modificaciones</td> <td>Info campañas</td> <td>Notas</td> <td>Acciones</td> </tr> </tbody> </table> </div> </div>

.table-panel-clientes { table-layout: fixed; } .table-panel-clientes th, .table-panel-clientes td { overflow: hidden; } .table-wrapper { display: block; max-height: 800px; overflow-y: scroll; overflow-x: scroll; -ms-overflow-style: -ms-autohiding-scrollbar; }