如何使floatThead与DataTables一起使用？

Question

floatThead声称可以使用DataTables开箱即用。但是，当我实施它们时，结果并不令人满意。我有一个非常宽而长的表，所以我希望DataTables能够水平滚动，同时我希望它在用户向下滚动时有一个浮动的thead。下面的代码给浮动thead的表，它工作正常：

<script type="text/javascript" class="init">
    $(document).ready(function(){
        var $table = $('#price_summary');
        $table.DataTable();
        $table.floatThead({
            responsiveContainer: function($table){
                return $table.closest('.table-responsive');
            }
        });
    });
</script>

但是一旦我向表格添加水平滚动，floatThead就会生效：

<script type="text/javascript" class="init">
    $(document).ready(function(){
        var $table = $('#price_summary');
        $table.DataTable({
            "scrollX": true
        });
        $table.floatThead({
            responsiveContainer: function($table){
                return $table.closest('.table-responsive');
            }
        });
    });
</script>

有谁知道实现这个的正确方法？