jquery - table with colspan attribute not resizing

Question

I am trying to make a table re-sizable using colResizable-1.3.min.js. while re-sizing the dotted line is shown verifying the column is being re-sized but when I stopped dragging and released the mouse the column width is not changing. In the debugger the changed width is visible but the width of the element is not changing.

Answer 1

同じバグがありました。この投稿は古いもので、ライブラリの v1.5 を使用しています。colResizable-1.5.source.js の変更行 87 を修正するには

var th = t.find(">thead>tr:first>th,>thead>tr:first>td");

col resiable の指示に従って、最初の thead 行に colspan 列がないことを確認してください。コードでこの行のスタイルを visibility:hidden に設定しました。

Answer 2

列を特定のサイズに強制するスタイルをテーブルに配置するか、古いバージョンの jQuery を使用している必要があります。

colspan 列のサイズを変更するとうまくいきます。http://jsfiddle.net/qEMrZ/ in FF 22.

$("#btnBigger").click(function() {
    var w = $("#col2").width();
    alert(w);
    w = w * 2;
    $("#col2").width(w);
    alert(w);
});
$("#btnSmaller").click(function() {
    var w = $("#col2").width();
    alert(w);
    w = Math.floor(w / 2);
    $("#col2").width(w);
    alert(w);
});