超簡単にソートやリサイズ、その場編集が可能なテーブルを作成できるJavaScriptライブラリ「TableKit」 2007年05月31日- TableKit TableKit is a collection of HTML table enhancements using the Prototype framework. 超簡単にソートやリサイズ、その場編集が可能なテーブルを作成できるJavaScriptライブラリ「TableKit」。 次のようなExcel風テーブルが簡単に作れます。 どれぐらい簡単か、というと、必要なJavaScriptを読み込んだあと、table の class に次のように値を指定するだけ。 <table class="sortable resizable editable"> 最低幅の指定など、動作に関するカスタマイズも豊富なオプションによって指定可能です。 こ
年末から年始にかけてある論文を書いているときに、自分で縦と横の罫線を引いて作った表にものすごく違和感を抱いた。色々と試行錯誤したが、違和感は解消しないまま、締め切りが来て、やむなくそのまま提出した。実は印刷会社の方でうまく修正してくれるだろうと甘い期待をしていた。しかし、戻ってきた校正刷りの表は私がワープロで作った表そのままだった。二回の校正をしているときにも、ずっと悩み続け、そもそも事象の分類に根本的な問題があるのではないかとまで考えたが、結局解消しなかった。 その後、書体や組版のことを調べ始め、色々と細々したことを気にして見るようになったせいか、ある時ふと日本語の本や雑誌に見られる表は基本的に私が作った表と同じであることに気づいた。つまり、縦と横の罫線がいわば律儀に全部引かれているのである。実際に三冊の本から典型的な表を挙げてみよう。これはあくまで組版上の問題であり、本の内容の評価とは
twitter facebook hatena google pocket テーブルで作成した表をソートさせるjavascriptは多くありますが、内部を少しいじらなければならないケースが多いです。 Table-Sortは、既存の仕組みでそのまま簡単にソートさせることができるjavascriptです。 sponsors 使用方法 Table-Sortのtable-sort.jsを、mootoolsからmootools.jsをダウンロードします。 <script src="http://yourdomain/mootools.js" type="text/javascript"></script> <script src="http://www.skuare.net/test/js/table-sort.js" type="text/javascript"></script> <script
テーブルをソートできるようにするjsライブラリ table sorting をまともに使えるようにする 2007-09-25-5 [Programming] 「テーブルをソートできるようにするjsライブラリ-table sorting[to-R]」 (http://blog.webcreativepark.net/2007/09/24-172811.html) より、 table の tr を td の内容でソートする JavaScript ライブラリ。 - Sortable Table JavaScript: Sort your tables easily! - Joost de Valk http://www.joostdevalk.nl/code/sortable-table/ 試してみると分かるんだけど([to-R]の記事に「はてブ」している人は 100人以上いるけど、そのうちどれ
From Nico Nico Video. This is simply way too awesome XD I have nothing but respect for this person. Ordinary my ass, this person is about as ordinary as Marisa is. Oh and you suck Youtube, you and your shitty compression. Original: http://www.nicovideo.jp/watch/sm336877 Song is from this video/flash: http://youtube.com/watch?v=8SE4DPZ4Il8 Check out the related video by mecorx: http:
table 関連の要素とか属性っていろいろあるにもかかわらず、結構使われていないなと思ったり。 上手にマークアップしておけば、アクセシビリティ的にも優れた表組み... table 関連の要素とか属性っていろいろあるにもかかわらず、結構使われていないなと思ったり。 上手にマークアップしておけば、アクセシビリティ的にも優れた表組みが再現できるだけでなく、CSS で見た目をいじるときにも、無駄に class 属性なんかをつける必要もなかったりと、いろいろ良い事あるのになということで、今回はその中から colgroup 要素と col 要素について書いてみることにします。 例えば上記サンプルのような表を作りたいと思ったとき、列方向 (縦方向) のセルに背景色を指定するためだけに class 属性を付けていったりするのは面倒だしスマートじゃない。サンプルのように列方向の各データが構造的にグループ化で
Javascript Component Library - ActiveWidgets 2.6. ActiveWidgets is a powerful javascript component library which makes web application development (especially AJAX-style apps) a lot easier and more productive. ActiveWidgets provides you with a set of common visual elements (like datagrid, tabs, tree, combo) sharing professional look-and-feel and simple programming model. Our editable datagrid cont
テーブルレイアウトとはテーブルタグを、左のようにセルを切ってレイアウトするもの。そもそもはテーブルタグは表に使われるものであって、レイアウト目的で使うべきではないという意見はごもっともなものの、きっちり幅指定や余白指定ができてブラウザ依存しにくいことから、企業サイトはもとよりいろいろなサイトに使われておりました。いや、今でも立派に使われています。 対してCSSレイアウトは、上と同じレイアウトをHTML(XHTML)+CSSで表現するもの。こんな感じです。記述は一例として適当に書いてるんで、アテにしたり突っ込みいれたりしないでくださいね(笑)。 【HTML】 <div id="header"> <h1>毎日考ブログ(ヘッダ部分)</h1> </div> <div id="main"> <div class="menu">メニュー部分</div> <div class="contents">本
「Firefox」でWebページを閲覧中に、HTMLの表を任意列のクリックでソートできる拡張機能「TableSort」v0.11が公開された。「Firefox」に対応するフリーソフトで、編集部にてWindows XP上の「Firefox 日本語版」v1.5.0.3で動作確認した。現在、作者のホームページからダウンロードできる。 「TableSort」は、「Firefox」でHTML上の表を閲覧中に、ソースを書き換えることなく表をソートできる拡張機能。インストール後は<TABLE>タグによる表を閲覧時に、並び替えのキーとしたい列を[Ctrl]+[Alt]+クリックすると、クリックした列をキーとして、表全体が昇順でソートされる。同じ列を再度[Ctrl]+[Alt]+クリックすると、降順でソートされる仕組み。このとき、表の1行目や、<THEAD><TFOOT>タグで指定したヘッダー行やフッター行
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く