Pagination and jQuery UI button Icons

fusionpower

When I use pagination the buttons inside the table rows loose their icons and revert back to text only.
Is there a way to stop this?

[code]

//<![CDATA[
$(function() {
$('#tblCustomers').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"bStateSave": true,
"aoColumnDefs": [{ "bSortable": false, "aTargets": [3]}]
});
$('.btnEdit').button({icons: {primary: "ui-icon-pencil"}, text: false});
});
//]]>




Name
Email
Phone
Edit Details




Joe Bloggs
joe@email.com
12345
Edit Details



[/code]

rdgr

I am facing the same problem. Tried several things but until now could succeed. Any ideas?

futurosoft

I am facing same problem. Please help! Thanks

futurosoft

Please, Can anyone help me? Thanks.

sparky

I do believe this should work, using the fnDrawCallBack option.

[code]


//<![CDATA[
$(function() {
$('#tblCustomers').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"bStateSave": true,
"aoColumnDefs": [{ "bSortable": false, "aTargets": [3]}],
"fnDrawCallback": function () { $( ".btnEdit" ).button(); }
});
$('.btnEdit').button({icons: {primary: "ui-icon-pencil"}, text: false});
});
//]]>




Name
Email
Phone
Edit Details




Joe Bloggs
joe@email.com
12345
Edit Details



[/code]