【问题标题】:jQuery DataTables: localize "Entries", move "Prev/Next", enable ThemeRollerjQuery DataTables:本地化“Entries”,移动“Prev/Next”,启用 ThemeRoller
【发布时间】:2011-03-25 15:45:43
【问题描述】:

谁能回答我的 3 个与 DataTables 相关的问题?

我正在尝试使用 DataTables in the PHP script 以俄语显示我的游戏每周玩家,但是:

  1. 我找不到用于本地化显示 3,558 个条目中的 1 到 20 个字符串的选项
  2. 我的 First Next 1 2 3 4 5 Prev Last 按钮在 MSIE 7 和 Chrome 中太靠右了,甚至会出现水平滚动条,我怎么能把它们移到左边一点?在 Firefox 3.6.15 中,页面看起来完全损坏了 :-(
  3. 如何启用 jQuery UI ThemeRoller 支持?

对于我尝试过的最后一项:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type="text/javascript" language="javascript" src="/jquery.dataTables.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
        $("#rating").dataTable( {
                "bJQueryUI": true,

但它并没有制作出漂亮的桌子。

感谢您的帮助! 亚历克斯

【问题讨论】:

标签: jquery jquery-ui datatables


【解决方案1】:

回答#1:

也许你可以查看以下链接

How to use DataTables internalisation options

【讨论】:

    【解决方案2】:

    回答#3:

    您已经使用该选项启用了 ThemeRoller 支持;但所有选项都是启用将特定于 jQuery UI 的类添加到表中的能力。

    添加类后,您仍然需要引用 jQuery UI 样式表(下面的示例;您的会有所不同)。

    <link rel="stylesheet" href="css/custom-folder-name/jquery-ui-1.8.8.custom.css" />
    

    Themeroller 主题也将包含一组图像,它们是主题的一部分,位于 custom-folder-name 的子文件夹中。你不一定需要 ThemeRoller 包产生的所有东西,所以你可以选择;或保持整个目录完整,仅引用您需要的内容。只需在服务器上保留几个字节即可将未使用的内容保留在原位!

    该示例似乎有点短,所以您可能已经这样做了——但不要忘记初始化的最后一项后面不能有逗号。

    【讨论】:

    • 谢谢你,格雷格!我添加了 @import "/smoothness/jquery-ui-1.8.4.custom.css";行,现在我的脚本看起来更好(preferans.de/top20.php)并且它不再在 FF 中损坏。但是 #1 仍然有效,我遇到了新的大问题,即“First Next 1 2 3 4 5 Prev Last”按钮在所有 3 个浏览器中都出现拥塞。
    • Alexander,您要做的另一件快速的事情是将“display”类添加到您的表中。因此,您的表格标签将如下所示: '' 这将固定您的排序图标的位置,并且可能会结束还修复了其他布局问题。
    猜你喜欢
    • 1970-01-01
    • 2011-09-27
    • 2023-03-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多