将tableinfo粘贴到jqueryDatable中的特定位置

Question

大家好！ 我试图将tableInfo粘贴在jquery DataTable中，就像这个

一样

但是，当我在show-list中改变值时，信息会向下滑动到列的中间，如

我尝试了不同的css变种来修复它，但我失败了。现在我使用这段代码

.dataTables_wrapper .dataTables_info {
clear: both;
float: right;
margin-top: -510px;
margin-right: -550px;

你有任何想法如何解决这个问题吗？

Answer 1

使用infoCallback生成所需的a - b of z布局：

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

将tableinfo移动到表#example的第一列：

$(".dataTables_info").detach().appendTo($("#example th:first"));

演示 - ＆gt;的 http://jsfiddle.net/zst02x5h/