创建具有固定标头和可调整大小列的响应式可排序引导表

Question

我正在尝试使用Bootstrap 3 w /响应表创建一个带有Fixed Headers（floatThead）和Resizable列（jquery-resizable-columns）的可排序表（dataTables）。到目前为止，我能够让它同时做两件事，但不是三件事。也就是说，可调整大小的列和可排序，或者可以使用固定标题排序等。当我最多使用三个JS时，事情就会停止工作。

我有一个小小的JSFiddle：http://jsfiddle.net/cpJE2/2/

$(function(){
     $("table").resizableColumns();
     $('#example').dataTable({
        "bPaginate": false,
        "bLengthChange": false,
        "bFilter": false,
        "bSort": true,
        "bInfo": false,
        "bAutoWidth": false
        });
     $("table.table").floatThead();
 });

有关可能导致此处冲突的内容或有关解决方法的想法的任何想法？我知道那里有类似的问题，但我相信没有，这是具体的。我基本上需要获得尽可能多的表函数。任何帮助都将非常感激。