HTML テーブルをナイスに扱う DataTables 〜Ajax編〜

JavaScript

blog1.mammb.com前回からの続き。。DataTables によるHTMLテーブルは当然かんたんに Ajax 対応できる。 arrayでのレスポンス簡単な例として、サーバへのAjax呼び出しの結果としてarrayを返却する場合。 HTML のテーブルは前回と同様。 <body> <table id="table_id"> <thead> <tr><th>Rendering engine</th><th>B</th></tr></thead></table></body>…

2012-10-29

HTML テーブルをナイスに扱う DataTables 〜導入編〜

JavaScript

DataTables とは HTML テーブルを操作する jQuery のプラグイン。本家は以下datatables.net 簡単な例 Microsoft の CDN でホストされているため、stylesheet と script を以下のように指定。 <head> ・・・ <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> </link></head>