2

私はこの単純なhtmlテーブルを持っています

<table id="tablex">
    <tr>
        <th>col1</th>
        <th>col2</th>
    </tr>
    <tr>
        <td>data1</td>
        <td>data2</td>
    </tr>
</table>

colResizableで列のサイズを変更しようとしまし たが、テーブルの特定の列のサイズを変更すると、テーブルの全幅が固定されているため、サイズ変更可能な列の次の列が影響を受けます。

ここに投稿された別の解決策とここに投稿された別の解決策を試しましたが、同じ問題がありました。jqueryライブラリまたはjavascript関数のいずれかを使用して列のサイズを変更可能にする他の方法はありますか?

4

2 に答える 2

3

colResizable 1.5 を使用できます。テーブルのサイズを変更するには、固定と非固定の 2 つの方法があります。

デフォルトでは、固定されています。つまり、列のサイズを変更すると、次の列がテーブル全体に合わせて縮小または拡大されます。固定モードでは、テーブルの幅はまったく変わりません。

非固定モードを求めていると思います。非固定モードでは、各列を個別にサイズ変更できるため、列の幅を変更しても、他の列は同じ状態のままです (ただし、テーブルは列と同じ量だけサイズが大きくなります)。

Web サイトでいくつかの例を確認できます: http://www.bacubacu.com/colresizable

しかし、私はあなたがこのようなものを探していると思います:

 $("#nonFixedSample").colResizable({fixed:false, liveDrag:true});
于 2014-12-23T08:47:41.663 に答える
0

私は同じ質問をしました：jQueryでサイズ変更可能なテーブル列（ページよりも広いテーブル）

私の解決策は、列ヘッダー<th>のコンテンツを別のタグ内に配置することでした-リンク（ を使用し<a>ました）。

で何かをする代わりに<th>、 のスタイルをに設定する必要があり<a>ましたdisplay: block

それからちょうど$('th a').resizable({handles:'e'});

http://jsfiddle.net/u32a1ccL/を参照してください

これはjQueryとjQuery UIを使用します

于 2014-12-11T08:30:51.113 に答える