にしし ふぁくとりー(西村文宏 個人サイト)

Presented by Nishishi via Movable Type. Last Updated: 2015/09/22. 13:18:39.

ウェブ上の表でも、指定の列を非表示にして、必要な列だけを表示できるようにする方法

表の特定の列だけを抜粋して表示できるようにする方法項目数(列数)の多い表は、行や列を間違えずに読むのが大変です。
Excelのような表計算ソフトには、列の[表示・非表示]を切り替える機能があります。
そういう機能があれば、閲覧者自身が「自分にとって必要な列」だけを選択できるので便利です。
それと同じような機能を、ウェブ上に掲載した表(テーブル)でも実現するjQueryを使ったスクリプト「MediaTable」があります。

その方法を解説した記事を、All Aboutで公開しました。

■『表の特定の列だけを抜粋して表示できるようにする方法』(@All About ホームページ作成)

このスクリプトを使えば、描画領域の幅に応じて、自動的に(優先度の低い順に)列を削減して表示してくれたり、閲覧者に「列名一覧」のチェックボックスを提供して、自由に各列の[表示・非表示]が切り替えられるようになります。
大きな表を掲載する際には特に便利です。

コメント

コメント数: 0件

コメント投稿欄 この日記に対するコメント投稿を歓迎します。

保存しますか?



※本文中にURLは書けません。(書くと投稿が拒否されますのでご注意下さい。)

※投稿内容は、実際にページ上に掲載される前に、管理者によって確認される設定にしている場合があります。その場合は、投稿後にその旨が表示されます。たいてい1~2日以内には表示されるはずですので、気長にお待ち願います。m(_ _)m

トラックバック

このエントリーへのトラックバックURLを表示するにはここをクリック
※スパム防止のため、トラックバックURLは別ウインドウで表示します。(JavaScriptが有効でないと表示されません。)

--- 当サイト内を検索 ---