Hello, I would like to put a horizontal scroll bar in my html code because it does not appear on the page, how can I do it, follow my code ....
<ui:define name="conteudo">
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-xs-12"></div>
<!-- /.box -->
<div class="box">
<div class="box-header">
<h3 class="box-title">Tipo de Lote Contábil</h3>
</div>
<!-- /.box-header -->
<div class="box-body">
<table id="example1" class="table table-bordered table-striped">
<thead>
<tr>
<td align="center"><b>Plano Conta</b></td>
<td align="center"><b>Carteira</b></td>
<td align="center"><b>Dt. Início Vigência</b></td>
<td align="center"><b>Dt. Fim Vigência</b></td>
<td align="center"><b>Tipo de Lote</b></td>
</tr>
</thead>
<tbody>
<tr>
<td align="right">10</td>
<td align="right">1</td>
<td align="left">Ricardo</td>
<td align="right">1</td>
<td align="right">1</td>
</tr>
<tr>
<td align="right">2</td>
<td align="right">2</td>
<td align="left">Gabriel</td>
<td align="right">2</td>
<td align="right">2</td>
</tr>
<tr>
<td align="right">3</td>
<td align="right">3</td>
<td align="left">Pio</td>
<td align="right">3</td>
<td align="right">3</td>
</tr>
</tbody>
<tfoot>
<tr>
<td align="center"><b>Plano Conta</b></td>
<td align="center"><b>Carteira</b></td>
<td align="center"><b>Dt. Início Vigência</b></td>
<td align="center"><b>Dt. Fim Vigência</b></td>
<td align="center"><b>Tipo de Lote</b></td>
</tr>
</tfoot>
</table>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
<!-- /.col -->
</section>
<!-- /.content -->
</ui:define>