Hi,

Could you please more details? Which Metronic version, or framework(HTML, React, Angular, ...), demo and build method(gulp or webpack) are you using?

As can be seen, the pagination works well in Metronic v8 demos and Datatables Docs.

Regards.

When I am using the latest version, it fixes the paging issue; since it has arrows rather than word "Previous".
But I face other issues with latest version, one such is the search options get disabled. This option allows the user to filter individually for each column. This "Search Options" feature is not available with latest version. Please advice, if is there any way to get the search option feature in the latest version. I am looking forward to update the current version with the latest available.
Here below is the code that I am currently using for datatable:

var myDtTable = $('[id*=myDtTable]').prepend($("<thead></thead>").append($('[id*=myDtTable]').find("tr:first"))).DataTable({
language: {
searchPanes: {
clearMessage: 'Clear Selections',
collapse: { 0: 'Search Options', _: 'Search Options (%d)' }
}
},
dom: 'Blrtip',
scrollX: true,
stateSave: true,
buttons: [
'searchPanes', 'copy', { extend: 'excel', text: 'Export to Excel', title: 'List' }, 'print'
],
columnDefs: [{
targets: 0,
data: null
}, {
targets: [2, 3, 4, 5],
searchPanes: {
show: true
}
},
{
targets: 4,
render: function (data, type, row) {
var color = 'black';
if (data == 'IsActive') {
color = '#53c653';
}
if (data == 'InActive') {
color = '#ff4d4d';
}
return '<span >' + data + '</span>';
}
}]
});


Thanks for your kind response.
Regards.

Thanks for your kind reply.

I already tried to implement with latest version of Metronic, but it didn't work and which led me to switch back to the older version.

I appreciate if you could share the release date of new version, so I can make a note and update my application with latest version.

Thanks and regards,
Waseem.

Many Thanks.