jQuery UI resizable с плагином jQuery floatThead

Question

Попытка сделать работу по изменению размера столбца с floatThead. Я пытался использовать jquery resizable и colResizable плагины, но напрасно. Кто-нибудь знает пример реализации изменяемых размеров столбцов с floatThead?

Я использую следующую конфигурацию для floatThead.

 useAbsolutePositioning: false, 
     autoReflow: false, 
     headerCellSelector: "tr:first>th:visible", 
     zIndex: 10, 
     debounceResizeMs: 300, 
     scrollContainer: function ($table) { 
      return $table.closest('div'); 
     } 

Спасибо.

Answer 1

Я уже три дня борется с подобными проблемами, и я окончательно решил это!

Моя проблема заключалась в том, что минимальная ширина в px на таблице, заданная скриптом floatThead, не позволяла масштабировать родительский элемент с изменяемым размером jQuery UI. Это можно было только увеличить.

Мое решение - отключить floatThead при изменении размера и включить его снова после. Возможно, вы хотите добавить код для сохранения состояния прокрутки.

var resizeId; 

    $("YourResizableParent").on("resize", function(event, ui) { 

     //Disabeling floatThead removes the min-width on the table 
     $("#assignment-table").floatThead('destroy'); 

     //Fire function after resizing is finished 
     clearTimeout(resizeId); 
     resizeId = setTimeout(doneResizing, 500);   

    }); 

    function doneResizing(){ 
     //Initiate floatThead again   
     $('#assignment-table').floatThead(); 
    } 

Answer 2

У меня была такая же проблема, и в моем случае все было из-за простой ошибки.

Я установил resizer как для моего исходного стола, так и для таблицы призраков, созданной плагином floatThead. Тогда я не смог изменить размер.

Так что мой совет: всегда инициализировать изменяемыми перед тем вы инициализации floatThead, то все работает просто отлично