Dzień dobry,
jak zrobić aby w tabeli na jednej stronie było wyświetlanych 10 pozycji, a następne 10 dopiero jak kliknę np: w ">>""
<Table striped bordered hover>
<thead>
<tr width="100%">
<th width="10%">Rok</th>
<th width="10%" >Miesiąc</th>
<th width="10%" >Kwota</th>
<th width="20%" >Rodzaj operacji</th>
<th width="30%" >Opis</th>
<th width="20%">Data Transakcji</th>
</tr>
</thead>
<tbody>
{tablica.map((dane) => (
<tr>
<td>{dane.rok}</td>
<td>{dane.miesiac}</td>
<td>{dane.kwota}</td>
<td>{dane.rodzaj_rach}</td>
<td>{dane.opis}</td>
<td>{dane.data_trans}</td>
</tr>
))}
</tbody>
</Table>
w projekcie używam: https://react-bootstrap.github.io/components/table/
React 
JavaScript 
Bootstrap 