display available wallet in slide style

i want to display this wallet to slide style or limit it to display only 1 row and click another page show another row this is my code

.done(function(data)
{
$('.loader').css('display', 'none'); //hide loader
$('#ptr').css('display', 'block'); //show page

//show users available wallet balances - starts
let datas = data.wallets;
let output = '';
$.each(datas, function(index, data)
{
console.log(data.curr_code);
let defaultLabelText = (window.localStorage.getItem('language') == 'fr') ? 'Défaut' : 'Default';



output += `<li>
<div class="feat_small_details">
<img src="https://ward.vtradeforu.com/public/uploads/currency_logos/1642212616.png" width="55" height="55" />
<h4 style="font-size: 14px;" class="currency" >${data.is_default == 'Yes' ? data.curr_code + ' <span style="color: #fff;background-color: #6c757d;display:flex; align-items: center; padding: .25em .4em;font-size: 75%;font-weight: 700;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25rem;">' + defaultLabelText + '</span>' : data.curr_code}
</h4>
</div>
<div class="feat_small_details currencyAmount" style="float: right; margin-top:14px;"><h4 style="font-size: 14px;">${data.balance}</h4></div>
</li>`;
});
$('.features_list_detailed').html(output);
//show users available wallet balances - ends
})