Como posso inserir uma paginação nesta tabela ou uma rolagem na parte dos dados

<div class="table-responsive">	
	<table class="table table-hover">
		<thead class="thead-dark">			
			<tr>
				<th> Titulo 01 </th>
				<th> Titulo 01 </th>
				<th> Titulo 01 </th>
				<th> Titulo 01 </th>
				<th> Titulo 01 </th>                                    
			</tr>		
		</thead>	
		<tbody>			
			<ui:repeat var="dados" value="#{DadosMB.listaDados}">
				<tr>
					<td>#{dados.NOMELIMITE}       </td>
					<td>#{dados.PERCENTUAL)}      </td>
					<td>#{dados.ANTERIOR)}        </td>
					<td>#{dados.VALOR)}           </td>
					<td>#{dados.COMPROMETIMENTO)} </td>
				</tr>
			</ui:repeat>                          
		</tbody>		
	</table>
</div>