Dynatable.js - jQuery plugin for HTML5+JSON interactive tables and more
To get started, simply install jquery.dynatable.js (along with jQuery), and add the following in the document.ready or after the table: Read / Normalize The HTML table is scanned and normalized into an array of JSON objects (or collection) where each JSON object (or record) corresponds to a row in the table. Operate The JSON collection can be sorted, searched/filtered, and paginated/sliced. Write
HTML5 × CSS3 × jQueryを真面目に勉強 – #16 レスポンシブWebデザインでテーブルを最適化するベストプラクティス | DevelopersIO
dislay 属性についてもっと知りたいという方は、こちらのサイトを参照ください。 display - CSS | MDN 要するに何が言いたいかというと、テーブルもまたスタイルシートの display 属性によってその形状を実現しているに過ぎず、この値を色々と操作すればスマートフォンのようなスクリーンサイズの狭い環境にも最適化された表示が出来るのではないかということです。 実際に作ってみた - 下準備 今回は4パターンの表示を紹介します。まずは下準備として簡単なテーブルレイアウトと元となるスタイルを組んでいくとします。 はじめに HTML で適当なテーブルを作ります。 <table class="table table-striped table-responsive"> <thead> <tr> <th>First Name</th> <th>Last Name</th> <th>Ag
衝撃的なデータベース理論・関手的データモデル 入門 - 檜山正幸のキマイラ飼育記 (はてなBlog)
デイヴィッド・スピヴァックによる衝撃的なデータベース理論である関手的データモデル。どうしたらうまく説明できるか？ と色々と悩んでしまいますが、まー、書けるところから書き始めてしまいましょう。 さー、いらっしゃい、いらっしゃい。関手的データモデルの世界へようこそ。圏論の言葉は出てきますが、圏論の予備知識はほぼゼロでOKですよ。 [追記 date="翌日"]取り急ぎ勢いで書きましたので、不注意と早とちりが混じっていました。追記と取り消し線の形で訂正と注記を足しました。字句レベルの表現の変更は直接編集しています。 あとそれと、圏論の基本用語を知りたいときはコチラ、… って、……、ゴメン！[/追記] 内容： はじめに 本の購入のサンプル スキーマのグラフ表現 キーとか計算カラムとか 圏としてのスキーマ 関手としてのデータベース状態 テーブルの変化 自然変換としてのデータ操作 データベースに圏論が使
TableGear - AndrewPlummer.com
TableGear 1.5 is out! You can now add new rows to your table! Download Download TableGear What is TableGear? TableGear is a software package for working with data on the web. It is designed get your data into a web page, and let you work with it quickly and easily, the way you would in powerful desktop applications like Excel. TableGear is... ...100% XHTML compliant. ...designed for PHP and MySQL,
CSS-Based Tables: Modern Solutions | Smashing Magazine
Tables have got to be one of the most difficult objects to style in the Web, thanks to the cryptic markup, the amount of detail we have to take care of, and lack of browser compatibility. A lot of time could be wasted on a single table although it’s just a simple one. This article was written back in 2008 when the concept of responsive web design hasn’t been created just yet. You may want to check
jQuery UI でテーブルタグをsortableに :: [コエカタマリン MX 2007]
jQuery UI Sortableを使えば、直感的にマウスでドラッグアンドドロップしてアイテム（行）を入れ替えられるようなWebページが作成できます。 念のため説明しておくと、 jQuery UI Sortableは、jQuery UIのなかのひとつのフィーチャーです。 jQuery UIは、jQueryのプラグイン（ライブラリの一つ）です。 jQuery UI Sortableを使用するには、jQueryとjQuery UIを読み込むか、 以下のようにjquery.ui.sortable.jsが依存している「core」「widget」「mouse」だけを読み込めば軽くなります。 <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src=
Tagaholic - Boson And Hirb Interactions
In the last post, I introduced Boson and its options for commands. What I didn’t mention was that Boson also gives those commands default options. Among them are ones to control rendering a command’s output with Hirb and even toggle rendering. At the flick of a switch, Boson commands (Ruby methods) can have Hirb’s views. Hirb’s Handy Tables Back in an old post, I concluded with a mention that Hirb
テーブルタグ作成ツール［Web便利ツール］ - TAG index
<table border> <tr> <td>1-1</td> <td>1-2</td> <td>1-3</td> </tr> <tr> <td>2-1</td> <td>2-2</td> <td>2-3</td> </tr> </table> 各設定項目で表の設定を行ってください。設定内容の詳細はテーブルタグカテゴリーでご覧になれます。（このツールでは、セルを個別に指定したりセル同士を結合させることはできません） 列数は1～20、行数は1～100の範囲で指定できます。数値を大きくすると処理に時間がかかる場合があります。 背景色について 表全体の背景色 … 枠線を含めた背景色 セル全体の背景色 … 枠線を含めない背景色 見出しの背景色 … 見出しの列（行）部分のみの背景色 コピーしたものを設定項目に貼り付けた場合、そのままではサンプルの表示に反映されません。その場合は更新するボタンを押し
CSSデザインカタログ | table
テキストテキストテキストテキストテキストテキストテキスト。テキストテキストテキストテキストテキストテキストテキスト。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Drug tests questions answered - What Where Why???