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

Question

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

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 动态语言。它没有给出如何移动东西的最佳解释，但它是一个开始试验的好地方。我能够隐藏或更改“每页记录”文本，并且我想还有一种方法可以移动它。

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

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

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