Web技術と表計算ソフトの便利な機能を組み合わせた、非常に便利な方法をご紹介します。 皆さんがお馴染みのExcelの「ウィンドウ枠の固定」と同様の機能をWebページ上で実現するためのテクニックです。具体的には、jquery.fixedTblHdrLftCol.jsというJavaScriptライブラリを使用して、Web上の表（table）の先頭行や列を固定する方法を詳しく解説します。これは、特に情報が多く、スクロールが必要な表で非常に役立ちます。 はじめに：「ウィンドウ枠の固定」機能の基本 Excelでよく使われる「ウィンドウ枠の固定」機能は、大量のデータを扱う際に見出し行や列を常に表示させ、その他のデータがスクロールしても追跡しやすくするために使用されます。 Webページで同様の機能を持たせることで、ユーザーは常に重要な情報（列や行のタイトル）を見失うことなく、内容を確認することができます
Webページで縦に長い表（table）を扱う際、スクロールバーを追加することで可読性を向上させ、見やすく整理することができます。 本記事では、jQueryプラグイン「jquery.scrolltable.js」を使用して、スクロールバーを簡単に追加・制御する方法を解説します。 CSSの基本的なスタイリングやJavaScriptの実装方法を紹介し、実際のデモページも用意していますので、ぜひ活用してください。 縦長のtableにスクロールバーを表示するCSSの記述 ※jquery-ui.cssファイルを読み込みます。その他table（表）のcss記述です。必要に応じて変更して下さい。 <style type="text/css"> <!-- body{ text-align: center; font-size: 24px; font-weight: bold; } h1{ text-alig
Webサイトで表のデータを並べ替えたい時、手動で入力し直すのは手間がかかります。そこで便利なのが、「jquery.tablednd.js」 です。このプラグインを使えば、tableタグの行をドラッグ＆ドロップで簡単に並び替え られるようになります。特別な知識がなくても、わずか数行のコードを追加するだけ で実装可能です。 本記事では、「jquery.tablednd.js」を使って、tableタグの行の順番を変更する方法 をわかりやすく解説します。CSS、JavaScript、HTMLの設定方法を順番に説明するので、ぜひ参考にしてください。 tableタグの行（順番）をドラッグ＆ドロップで変更するCSSの記述 ※tableタグ（#table-1）のCSSです。必要に応じて変更して下さい。 <style type="text/css"> <!-- body{ text-align: cente
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
