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

Question

我正在使用datatables，他们的示例我可以很好地构建表格。但问题是我似乎不明白如何移动“records per page”元素，这是一个“span6”类引导程序。我确实指出它实际上是javascript这样做，需要一些帮助。以下是我正在使用的示例的LINK。

Answer 1

这是您在该页面中所采用的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

Answer 2

在他们的文档中查看此页面... DataTables dynamic language。它没有给出如何移动物体的最佳解释，但它是开始试验的好地方。我能够隐藏或更改“每页记录”文本，我会想象有一种方法可以移动它。

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

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

应该给你一个开始的地方。