5

我的网页中生成了一个 jQuery 数据表。由于它太大，我曾经zoom:0.8;在谷歌浏览器中修复它的大小。

但这并没有为 Firefox 做，所以我添加-moz-transform: scale(0.8);到 CSS 表中。在 Chrome 中一切仍然正常，但如果 Firefox 现在正确显示数据表，我似乎无法再更改sorting标题中的值。我可以单击查看项目列表，但无法单击它们（没有任何反应）。除了在我的 css 文件中添加一行之外，我没有修改任何其他内容。

我怎样才能解决这个问题？

jsbin

jsfiddle

注意：Bugzilla 中也有一个类似的已知错误，尽管它在 2008 年被报告，但仍未修复。找到解决这个问题的方法会很有趣。

4

1 回答 1

2

l在声明我的数据表的第一个实例时，我从我的sDom属性中删除了。

<table>然后，我在代码中的标记之前添加了这个：

<div class="selectLength">
    <span>Show</span>
    <select id="Length">
        <option value='5'>5</option>
        <option value='10'>10</option>
        <option value='25'>25</option>
        <option value='50'>50</option>
    </select>
    <span>elements in the datatable.</span>
</div>

这是与此相关的javascript（需要jQuery）：

$('#Length').change(function() {
    var displayLength = $('#Length option:selected').val();
    var oSettings = $('.adminTable').dataTable().fnSettings();
    oSettings.iDisplayLength = displayLength;
    $('.adminTable').dataTable().fnDraw();
});
于 2012-08-15T18:22:08.740 回答