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

我现在一直在努力解决类似的问题3个小时，我最终解决了它！

我的问题是，floatThead脚本设置的表上的px中的最小宽度使得无法缩小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插件创建的ghost表中。然后我无法调整任何大小。

所以我的建议是：始终初始化，然后初始化floatThead，然后一切正常

使用jQuery floatThead插件调整jQuery UI大小

2 个答案: