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

Front-end HTML
, ,
#1 
<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>
#2

Você está fazendo só o front?

#3

Neste momento estou! Mas acho que utilizarei o primefaces que possui o elemento datatable com paginação! Obrigado

#4

Olha, eu entendo que é importante um bom design, UX, etc.
Mas, eu não vejo ganho em desenvolver a tela antes de desenvolver todo o backend, com tudo o que você vai precisar de recursos.
Qualquer modificação nos planos e adeus telas, adeus trabalho.

#5

Sim entendo… O backend já foi desenvolvido, mas obrigado pelo comentário!

#6

Se ele foi desenvolvido, por que não contemplou a paginação?