移动数据表中分页旁边的每页记录

Move the records per page next to pagination in datatables

本文关键字：记录 数据表 分页 移动      更新时间：2023-09-26

我正在使用数据表，通过他们的例子，我能够很好地构建表。但问题是我似乎不明白如何移动"records per page"元素，这是一个"span6"类的引导。我明白了，其实是javascript在做这个，需要一些帮助。以下是我使用的示例的链接:

这是您要在该页面中使用的div 

<div class="span6">
    <div id="example_length" class="dataTables_length">
        <label>
            <select size="1" name="example_length" aria-controls="example">
                <option value="10" selected="selected">10</option>
                <option value="25">25</option>
                <option value="50">50</option>
                <option value="100">100</option>
            </select>records per page</label>
    </div>
</div>

复制到其他位置，并相应地修改css。

使用Javascript修改DOM。http://woork.blogspot.in/2007/10/how-to-change-text-using-javascript.html

看看他们文档中的这一页…数据表动态语言。它并没有给出如何移动物体的最好解释，但它是一个开始试验的好地方。我可以隐藏或更改"每页记录"文本，我想也有一种方法来移动它。

该页面上的序言说:"更改数据表显示的语言信息就像向数据表构造函数传递语言对象一样简单。"上面的示例显示了要使用的一组不同的英语语言定义，而不是默认的。" 

"oLanguage": {
    "sLengthMenu": "Display _MENU_ records per page"
}

应该给你一个起点

相关文章：