jquery - Stick tableinfo to specific place in jqueryDatable -

everybody! i'm trying stick tableinfo in jquery datatable, this

but, when chang value in show-list, info slides down middle of column, this

i tried differnt variations of css fix that, failed. use code

.datatables_wrapper .datatables_info { clear: both; float: right; margin-top: -510px; margin-right: -550px; 

have got ideas how fix that?

use infocallback generate desired a - b of z layout :

var table = $("#example").datatable({    infocallback: function(settings, start, end, max, total, pre) {       return start+" - "+end+' of '+max;    } }); 

move tableinfo first column of table #example :

$(".datatables_info").detach().appendto($("#example th:first")); 

demo -> http://jsfiddle.net/zst02x5h/