[B! table] mochinagaのブックマーク

mochinaga id:mochinaga

tableに関するmochinagaのブックマーク (3)

CSSで見出し固定＋レスポンシブ対応の表を作成
2022年4月27日 CSS, HTML, Webサイト制作料金表やサービスプランの比較、タイムテーブルなどなど、使う場面が多い割には制限も多く、初心者には少しとっつきにくいと思われがちな表。今回はあると便利な表の見出し固定やレスポンシブ対応の方法を紹介します。 ↑私が10年以上利用している会計ソフト！見出しの行を固定する表の中の行が増えてくると、スクロールした時に表の見出しが画面から見えなくなり、なんの値だったのかがわかりづらくなります。そんな時のために、行数の多い表では一番上にくる見出しの行を固定しておくといいですね。まずはベーシックな表を作成します。table タグに border-collapse: collapse; を指定することで、セル間のスペースがなくなってフラットな見た目になりますよ。 HTML <table> <tr class="heading"> <th>車
mochinaga 2019/10/17
css

table
リンク
tableデータをグラフに置き換えてくれるjQueryプラグイン「Chartify」:phpspot開発日誌
Chartify ? A Visualization Plugin for jQuery tableデータをグラフに置き換えてくれるjQueryプラグイン「Chartify」 <table>のデータを最小１行でGoogleのChart APIを使ってグラフ画像に変換してくれるみたいです。マークアップ上では次のようなテーブルがあったとします。プラグインを読み込んで .chartify します。色なんかも指定すると次のようなグラフに変換されて表示されます。 HTML上にデータがかけてそれをグラフに変換してくれるのはなかなかいいですね。関連エントリ小さくで可愛いグラフが描けるjQueryプラグイン「Piety」ドリルダウンなグラフを作成できるjQueryプラグイン「DDChart」地下鉄の路線図を描けるjQueryプラグイン「Subway Map Visualization」
mochinaga 2011/07/20
table

jQuery

グラフ
リンク
http://www.designwalker.com/2009/01/table.html
mochinaga 2009/01/14
html

table

design
リンク
1