var stickerTable = $('#responsive-table').DataTable({
"pagingType": "full_numbers",
'searching': false,
"language": {
"paginate": {
"next": `<button class="form-control next-page" >next</button>`, < --- ////// want to customise this
"previous":"prev"
}
},
"ajax": `https://somexyx.com/api/digital_goods/`,
"processing": true,
"autoWidth": true,
"columns":[
{ data :'thumbnail_url', orderable: true,
'render':function(data,type,row,meta){
return (
`<img class="img-fluid" src=${data} alt="dashboard-user">`
)
}
},
{ data :'name', orderable: true ,
'render':function(data,type,row,meta){
return (
` <li class="nav-item dropdown">
<a class="dropdown-toggle" href="#" data-toggle="dropdown">${data}</a>
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="/edit_digital_good_form/${row.id}">View</a></li>
<li><a class="dropdown-item" href="/edit_digital_good_form/${row.id}">Edit</a></li>
</ul>
</li>`
)
I want to customize next and previous buttons of datatable such that everytime i click on next button ,next page offset is fetched from API, but problem comes when datatable disables the next button on last page is reached , how do i stop or customise this behavior thanks in advance !