2016年11月4日(金)
テーブル行の詳細をクリックで開けるテーブル実装
Expand Table Rows Using jQuery, HTML And CSS On TalkersCode.com
テーブル行の詳細をクリックで開けるテーブル実装
気になる行をクリックすれば詳細となるテキスト等を表示できます
タグとしてはtd colspan=4などでdisplay:noneしておき表示するという単純な物のようですがなかなか良いアイデアかも。関連エントリ
author:
PHPSPOT開発日誌
PHP/Ajax/JavaScript/CSS/デザイン等のWEB開発に関する最新技術情報を発信しているKJさんのブログ
‹ PREV
jQuery:タブ切り替えをウィンドウサイズが小さいときはselectで切り替える動きにする方法
NEXT ›
「そこ、スペース空いてるね」Webデザイナーとクライアントのあるあるがちょっと切ない
関連記事
Ads
PHP/Ajax/JavaScript/CSS/デザイン等のWEB開発に関する最新技術情報を発信しているKJさんのブログPHPSPOT開発日誌の記事『テーブル行の詳細をクリックで開けるテーブル実装』についてまとめています。
この記事は特にjQueryについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のPHPSPOT開発日誌で全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとPHPSPOT開発日誌の記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。