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

Question

我在我的网页上生成了一个jQuery数据表.由于它太大了,我曾经zoom:0.8;在Google Chrome中修改它的大小.

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

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

jsbin

的jsfiddle

注意:Bugzilla 有一个类似的已知错误,尽管它在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();
});