jquery.floatThead导致标题变得模糊

Question

我在Bootstrap网站中使用http://mkoryak.github.io/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>