• 締切済み

HTMLテーブルのソートとヘッダ固定が可能なプラグインを教えてください

HTML以下の機能を持ったテーブルを実現したいと思います。 1. ソート 2. ヘッダの固定 何かよいプラグインがあれば教えてくれませんか？ お願いいたします。 現在は、以下のプラグインを使い ソート機能のみ実現しています。 jQuery 1.3.2 TableSorter 2.0.3 ここからの移行が簡単なものがあれば、なお助かります。

  • HTML
  • 回答数1
  • ありがとう数2

みんなの回答

  • askaaska
  • ベストアンサー率35% (1455/4149)
回答No.1

お求めのものは一般に 「スプレッドシート」 と呼びます。 これで検索すればOK

diz108
質問者

お礼

ありがとうございます。 でも、スプレッドシートはいらないんです。

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • テーブルのヘッダ部分固定でデータ部分をスクロールしたい

    テーブルのヘッダ(最初のTR部分)が固定でデータ部分(ヘッダ以下のTR)がスクロールにより移動できるようにしたいのですが可能でしょうか？ フレーム分割で擬似的に作ることは可能と思いますがそれ以外で実現方法を探しております。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • tableのヘッダを固定したい

    IE6,7,8でテーブルのヘッダを固定したいのですが うまくいきません。 条件は以下のとおりです。 　・width: ?%として大きさを可変にする。 　・ヘッダを固定する。 　・ボディにはスクロールバーをつける これまでwidthは固定で作成してきたのですが 可変にする場合どのようなcssにすればよいのでしょうか。 よろしくお願いします。 <div id="container"> <div class="headerTable"> <table border="1" cellspacing="0" cellpadding="0"> <thead> <tr> <th>あ</th> <th>い</th> <th>う</th> <th>え</th> </tr> </thead> </table> </div> <div class="bodyTable"> <table border="1" cellspacing="0" cellpadding="0" width="100%"> <thead> </thead> <tbody> <tr> <td>あaaaaaa</td> <td>い</td> <td>う</td> <td>え</td> </tr> </tbody> </table> </div> </div>

  • ヘッダー・フッター固定HTMLに関して

    ヘッダー・フッター固定HTMLに関して ヘッダー・フッター固定で（間）中段にFlashコンテンツを横100%縦100%で表示するHTMLを作成しようと思っております。 そこで、下記のHTMLソース、及びCSSで指定しているのですが、上手くいきません。 ヘッダー・フッター固定はできますが、Flashを表示しようとすると思うようにいきません。 「body > #wrapper」を「height:auto;」にすると、Flash部分の高さが小さく、 「body > #wrapper」を「height:100%;」にすると、フッター部分が消えてしまします。 【HTML】 ～～～～～～～～ <div id="head">～ヘッダー～</div> <div id="flashcontents">～Flashデータ～</div> <div id="foot">～フッター～</div> ～～～～～～～～ 【CSS】 ～～～～～～～～ html,body {margin:0;　padding:0;　overflow:hidden;} #head{～サイズなどを指定～} #flashcontents{margin: 0;　height: 100%;　width: 100%;} body > #flashcontents {height:100％;　position: absolute;} #contents {　position: fixed;　overflow:hidden;　bottom:0;　他サイズなど指定…} ～～～～～～～～ 以上、分かりにくい説明かと思いますが、もしお分かりになれば教えて頂けますでしょうか？ よろしくお願い致します。

    • 締切済み
    • CSS
  • ヘッダとフッタが固定でコンテンツのみスクロール可能

    いつもお世話になります。 ヘッダ部とフッタ部は固定で、コンテンツ部のみで表示エリアを超えた場合スクロールバーを 表示する、というHTMLを実現するにはどうすればよいでしょうか。 （ウィンドウサイズに応じてコンテンツ部は変動するが、ヘッダとフッタは常に固定） イメージとしては以下の構成になります。いろいろ調べてみたのですが、ヘッダとフッタは固定 できてもスクロールバーがウィンドウ全体に表示されてしまうものばかりでした。 -------------------------------- ヘッダ（固定） （スクロールバーなし） -------------------------------- コンテンツ （スクロールバーあり） -------------------------------- フッタ（固定） （スクロールバーなし） -------------------------------- フレームは使用せず、CSSのみで実現する方法を教えて頂けませんでしょうか。 IE7、IE8で動作させたいと思っています。 宜しくお願いします。

    • 締切済み
    • CSS
  • jQueryのプラグイン「Tablesorter」で要素の削除

    jQueryのプラグイン「Tablesorter」でテーブルのソートをさせているのですが、 動的に行を追加したり削除する場合に困っています。 $("#myTable").tablesorter(); のようにテーブルをソートさせると、削除したはずの行が復活してしまうのです。 これはなにか対策などはあるのでしょうか？ ご存知のかたがおられましたら是非教えていただきたいです。

  • 【CSSの難題】TABLEタグでヘッダを固定してデータ部だけスクロールする方法

    Excelなら「ウィンドウ枠の固定」でおなじみですが、これをHTMLで実現いたしたく。 ┏┳━━━━━━━┓ ┃┃行ヘッダ　　　　　┃ ┣╋━━━━━━━┫ ┃┃　　　　　　　　　　┃ ┃┃　　　　　　　　　　┃ ┃┃←列ヘッダ　　　┃ ┃┃　　　　　　　　　　┃ ┃┃　　　　　　　　　　┃ ┗┻━━━━━━━┛ ↑の図でいう行ヘッダなら、 http://blog.asura.co.jp/takehara/5219ac5dcee34422a506ab9f3df120df/entry.aspx で例示されている↓のサンプルで実現できそうですが、「列ヘッダ」の方も同時に http://www.asura.co.jp/demo/bodyscroll.html 1列目＆1行目を固定するには、CSSをどのように改変したらいいでしょうか？

  • テーブルのヘッダの表示を固定してスクロールする方法

    javaスクリプトを使わずにCSSのみで、テーブルのヘッダを固定する方法を探しております。 ご存知の方がいらっしゃいましたら、お教え願います。

    • ベストアンサー
    • HTML
  • jQueryスライドプラグイン

    jQueryスライドプラグイン FLASHを使用せずにjQueryのプラグインで以下のような表現は可能でしょうか？ http://www.starcat.co.jp/ 以下が実現したいです。 ・メイン画像がフェードまたは、スライドで切り替わる ・メイン画像クリックで別のページへリンク ・サムネイルクリックでメイン画像が切り替わる ・ランダムで表示できる ・自動で遷移する。

  • 【CSS】ヘッダ固定

    CSSを使ってヘッダを実現したいです。 検索サイトで探したところ、以下URLが実現したい事に近いです。 http://css.alsacreations.com/modeles/modele13.htm 上記サンプルはヘッダとボディーの比率をheight: 20%;　height: 80%;で指定してますが、私が実現したい事は、ヘッダのサイズを一行（文字の高さ）としたいのです。 どうしたらよいでしょうか？

  • テーブルの横幅を固定しながら高さをリサイズしたい

    はじめまして。いつも拝見させております。 業務でHTMLを扱っております。 以下の件、どうしても煮詰まってしまったため、質問させていただきます。 有識者の方々の知恵をお借りできれば幸いです。 【やりたいこと】 (1) 下記のようなHTMLで、テーブルの横幅を100%に固定したまま、画面リサイズ時に高さをリサイズして表示したい。 (2) リサイズ時の高さは、上下の空白を除いた高さとしたい(常にテーブル全体を画面に表示したいため) (3) (2)が難しいようであれば、固定の高さ(100px程度)を差し引いてテーブルの高さをきめる方法でもよい 【現状】 ・ 下記のソースで、上記を実現することができず煮詰まっております。 ・ 有識者の方々のご教授、どうかよろしくお願いいたします。 【質問対象のソース】 -- HTMLファイル -- <HTML> <HEAD> <!-- JQueryとCSS指定 -- > </HEAD> <BODY> <TABLE class ="SHOW_TEXT" border="1" width = "100%" height = "900px"> <TR> <TD> サンプル </TD> </TR> </TABLE> <FORM> <INPUT TYPE="button" VALUE="閉じる" onClick="window.close()"> </FORM> </BODY> </HTML> --JSファイル-- $( window ).resize(function(){ /* ヴィンドウの高さを取得 */ var height = ""; height = document.body.clientHeight; /* 空白分(100px)を差し引いてリサイズしたい高さを設定 */ var resized_height = ""; resized_height = height - 100; /* オブジェクトの属性変更 */ $('SHOW_TEXT').attr('height', resized_height); }); 以上、よろしくお願いいたします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する