jQuery はテーブル列幅のマウスドラッグ可能な調整を実装します_jquery

図に示すように、マウスをドラッグして表の列の幅を調整できます:

1. ファイルをインポートします:

コードをコピーします コードは次のとおりです:

2. >

コードをコピー コードは次のとおりです:

🎜>



;子供たちとの私の成長物語






上記の HTML は単なるデモであり、実際には使用されません。私のプロジェクト、そしてテスト中にも実現できませんでした。落ち込んでいます...

3. テーブルをドラッグ可能にします

コードをコピーします

コードは次のとおりです:

プロジェクトを使用する過程で、store.js を導入する必要がないことがわかりました。 ;th> data-resizable-column-id 属性は必要ありません

および $("#myTable").resizableColumns(); 関数

も実装できます:
http://xiazai.jb51.net/201405 /yuanma/jquery-resizableColumns.zip

以下の 2 つのファイル

jquery.resizableColumns.js をそれぞれ抽出します。 jquery-resizable-columns-gh-pagesdist パス

store.js は、store.js-master パスにあります

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：JavaScript はデータ項目をドロップダウン リストに動的に追加します_javascript スキル次の記事：JavaScript はデータ項目をドロップダウン リストに動的に追加します_javascript スキル

関連記事

続きを見る

• Bootstrap リスト グループ コンポーネントの詳細な分析
• JavaScript関数のカリー化の詳細説明
• JS パスワードの生成と強度検出の完全な例 (デモ ソース コードのダウンロード付き)
• Angularjs は WeChat UI (weui) を統合します
• JavaScript を使用して繁体字中国語と簡体字中国語をすばやく切り替える方法と、簡体字中国語と繁体字中国語の切り替えをサポートする Web サイトのトリック_javascript スキル

福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！

私たちについて免責事項Sitemap

© php.cn All rights reserved

	列タイプ		ステータス	操作オプション
		2014 年青少年日記エッセイコンテスト		;レビュー
	成長物語	合格