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

zyusou id:zyusou

tableに関するzyusouのブックマーク (4)

sorttable: Make all your tables sortable
As you can see, the above table now has clickable headers that sort the table by the clicked column. Note how the numeric and date columns all sort properly, too, rather than sorting alphanumerically. This is not a new trick, sorting a table using the DOM. However, this mini-library has two nice attributes; the first is, unsurprisingly, that it follows my principles of unobtrusive DHTML, as you'll
zyusou 2016/07/08
table

javascript
リンク
法人向け研修トレーニングセンターレンタル教室エムスクール | m-School
ｍ－School を終了させていただくことになりましたこの度、新型コロナウイルスの感染拡大による様々な影響を鑑み、教室にて集合研修を行わないことを決定しました。これに伴い、2020年6月30日（火）をもちまして、サービスを終了致しました。長きに渡り多くのお客様にご利用いただきまして、誠にありがとうございました。今後は、弊社が強みとするeラーニング事業、AI事業、学校教務支援システム事業等をより一層強化し、質の高い未来志向のICTソリューションを積極的に提供して参ります。引き続きエスエイティーティー株式会社をお引き立ていただきますよう、宜しくお願い申し上げます。お問い合わせ先：エスエイティーティー株式会社 Copyright ©2020 SATT, Inc. All Rights Reserved.
zyusou 2014/09/10
css

table
リンク
CSSだけで作るtableデザインテクニックVer.02(おまけ付き)
今日は土曜日なので、軽めの記事を投稿させていただきます。以前紹介した[CSSだけで作るtableデザインテクニック]の続編です。今回はCSSだけで作るテーブル2つと、おまけとしてCSS+ちょっとした画像で作るテーブルを紹介させていただきます！こんなに朝早くから投稿した理由は、これから新潟に旅行に行くからです！！予約投稿すればよかったんですが、ちょっと手直しをしたかった所があったので、ついでに投稿しちゃいました！気に入っていただけましたら自由に使ってください。シンプルなデザインですのでカスタマイズもしやすくなっていると思います。ではどうぞ！ CSSテーブルデザインテクニック01 HTML　テクニック01 <table> <tr> <th class="t_top">No.</th> <th class="t_top">table title01</th> <th class="t_top
zyusou 2014/09/10
css

table
リンク
CSSで作るシンプルなテーブル
.sample_01{ width: 100%; border-collapse: collapse; } .sample_01 th{ width: 25%; padding: 6px; text-align: left; vertical-align: top; color: #333; background-color: #eee; border: 1px solid #b9b9b9; } .sample_01 td{ padding: 6px; background-color: #fff; border: 1px solid #b9b9b9; } <table class="sample_01"> <tbody> <tr> <th>SAMPLE01</th> <th>デザイン</th> <th>枠線</th> <th>カラー</th> </tr> <tr> <td>有料</td>
zyusou 2014/09/10
css

table
リンク
1