Javascript floatThead导致标题变得模糊

我在一个引导站点中使用。但是，当我使用脚本时，我的标题变得模糊，如下所示

当我检查它时，我看到应用了一种样式。如果我删除它，它会将其清除，但标题/行将消失。CSS是：

transform: translateX(15px) translateY(362px);

如何消除文本模糊

HTML

<table id="alternate" class="table table-striped table-hover">
      <thead>
        <tr class="info">
            <th>Date Ordered</th>
            <th>Quantity Ordered</th>
            <th>Quantity Dispatched</th>
        </tr>
      </thead>
      <tbody>...

订购日期
订购数量
发送数量
...

JS

<script>
    var $tableAlternate = $('table#alternate');
    $tableAlternate.floatThead({top: 51});
    $tableAlternate.floatThead();
</script>

变量$tableAlternate=$（'table#alternate'）；
$tableAlternate.floatThead（{top:51}）；
$tableAlternate.floatThead（）；

您能检查一下您的浏览器缩放是否为100%吗？我在MS Edge上也有类似的问题，我的浏览器缩放率为90%。100%更改它为我解决了这个问题