Question

我的网页中生成了一个jQuery数据表。由于它太大，我使用zoom:0.8;来修复其在Google Chrome中的大小。

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

我该如何解决这个问题？

jsbin

jsfiddle

注意：Bugzilla有similar known bug填充，虽然它是在2008年报道的，但仍然没有修复。找到绕过这个问题的方法会很有趣。

Answer 1

在声明我的数据表的第一个实例时，我从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();
});

-moz-transform取消激活datatable标头中的排序选择字段

1 个答案: