• 締切済み

リッチなテーブルについて

お疲れ様です。 連休中に申し訳ありません。 htmlとjavascriptで、以下のようなリッチなテーブルを作成したいです。 ・excelのように列を固定してスクロールをしたい ・各列幅をドラッグ&ドロップで変更ができるようにしたい ・どのブラウザ(IE、FieFox、Safari)でも対応 いろんなサイトのを試みたところ、一長一短でうまくいきません。 どのように作成をしたらいいのか途方にくれています。 お願いします。 以上です。

みんなの回答

  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

回答がないみたいなので… >いろんなサイトのを試みたところ、一長一短でうまくいきません。 リッチなご要望のようなので、なかなかピッタリの既製品はないと思われます。 なので、要望に合せて調整し直すか、特注品にするかではないでしょうか。 >どのように作成をしたらいいのか途方にくれています。 一番ご要望に沿ったライブラリをカスタマイズしてご自分の気に入るものに改変するか、あるいはいっそのこと自作するか… ライブラリは一般化して作成されているので、これと同等のものを作るのは大変かもしれませんが、質問者様の利用条件を限定することができるのなら、その条件専用のものにしてしまうことで内容を多少は簡略化できる可能性があるやに思います。 でも、よくは見てませんが、これ(↓)ならご質問の機能くらいありそうですけれど… http://www.treegrid.com/treegrid/www/ (いろいろありすぎてわからん…)

TRyozi
質問者

お礼

遅くなりまして申し訳ありませんが、ありがとうございました。 treegridは盲点でした。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • tableの横幅自動調整をCSSでできませんか?

    tableタグで2列*4行の表を作り、各行の1列目に様々な長さのテキストが書き込まれるとします。 +------------------+ |列1     |列2   | +------------------+ |あ      |テキスト| +------------------+ |あい    |テキスト| +------------------+ |あいうえお|テキスト| +------------------+ |あああ   |テキスト| +------------------+ すると上記のように、1列目の列幅は最長のテキストを格納した列の幅(例の場合、"あいうえお"の列幅)を利用することになり、当然、他の列の横幅もそれに従って同じ列幅となります。これをtableを使うことなくCSSで再現したいのですが、どのようにすれば実現可能でしょうか?ul+li、dl+dt+ddの2通りの方法で試していますが、なかなかうまくいきません。どうか皆様の知恵をお貸しください。 条件として、列に格納されるテキスト(の長さ)は可変となることを想定していますので、絶対値は利用しない方法でお願いいたします。あとJavascriptも使わない方法でお願いします。

    • 締切済み
    • CSS
  • テーブルをフォームにドロップアンドドラッグ

    テーブルをフォームにドロップアンドドラッグをして サブフォームを作成しようと思ったのですが 出来ません。 アクセス2010です。 前までできてたのに、いきなりできなくなりました。

  • テーブルの縦の幅を変える方法がわかりません・・・

    はじめまして。 現在、DWを使用しているのですが、テーブルで作成した表が2つあります。 一方はマウスをドラッグアンドドロップしたり、heightを入れると縦幅が変わるのですが、もう一方のテーブルはマウスでも、直接タグでheightをいじっても変わりません。 普段テーブルを一切使用しないので、テーブルについてよくわかってないのですが、どうすればテーブルの縦幅を変更することができるでしょうか?

    • ベストアンサー
    • HTML
  • JavaScriptで表示を変更したブラウザ画面の保存方法

    お世話になります。 このカテゴリーの質問ではないかも知れませんが、質問させてください。 ブラウザに表示されたテーブルに対してクリックしたセルや行、列の色を変える等するようなJavaScriptを作成しました。 質問したいのは、 (1)「JavaScriptを用いてセルや行、列の色が変わった状態」のブラウザの画面を保存できないでしょうか?(IE7の機能で保存すると、当然のことと言えばそれまでですが、JavaScriptを用いて設定した色等は、無効になります。 (2)もし(1)が不可能なら、ブラウザの非表示エリア(HTML文書が縦方向や横方向に大きくなって、スクロールバーを用いなければ表示されないエリア。input type="hidden"ではありません。)も含めて、簡単な操作で画面のコピーを取得することは可能でしょうか?(PrtScキーでは、非表示エリアのコピーを取得するには、スクロールバーを用いてスクロールせねばならず、かなり面倒です。) 特に(2)に関しては、もしそのようなツールがもしあれば、御紹介頂けないでしょうか? 以上よろしくお願いします。

  • 幅100%でフレーム内に収まらないテーブルについて。

    IEで、縦に2分割したフレームの片方に、width=100%でテーブルを作成しようとしています。 解像度1024×768を基準にしているのですが、どうしても横スクロールが出てしまいます。一つのテーブルの中にまた幾つもテーブルが入れ子になっているので、そのせいもあるのかと思ってもみたのですが。NNではこの現象は出ません。 ブラウザのバージョンによる仕様等何か情報がありましたら是非お聞かせいただきたく書き込んでみました。よろしくお願いします。

  • MacOSXで使えるブラウザ(できれば日本語表示)

    MacOSX10.2を使ってますが、IEやsafari以外のブラウザを教えてください。 今日、iCabというブラウザを使ってみましたが JAVAscriptで選ぶときの日本語表示が文字化けするので その点が大丈夫なブラウザがほしいです。 メニューの表示が「日本語」でお願いします。 タブ形式でなくてもいいです。 IEみたいにリンクをドラッグして、別ウィンドウまたは別タブにドロップして リンク表示できる機能があると便利です。

    • ベストアンサー
    • Mac
  • デスクトップ上のインターネットショートカットが使えなくなりました・・

    はじめまして。 検索しても同様の質問が無いようなので質問します。 先日safariというWebブラウザをパソコンにインストールして、規定のブラウザにしました。 すると、デスクトップにあったインターネットショートカットが使えなくなってしまいました。クリックしても何も反応しません。 safariのアドレスバーからドラッグドロップし直しても意味ありませんでした。 どうしたら直るのか教えてください。

  • テーブルの枠自体を折り曲げる

    tableタグの事で質問です。 まずは画像をご覧になって欲しいのですが、横に長い表をブラウザの幅に合わせて画像のようにテーブルの枠自体を改行 したいのです。(テーブルの中の文字を改行するのではなく枠を tableタグの事で質問です。 まずは画像をご覧になって欲しいのですが、横に長い表をブラウザの幅に合わせて画像のようにテーブルの枠自体を改行 したいのです。(テーブルの中の文字を改行するのではなく枠ごと改行したいのです。 表の中には自動でプログラムされた値が入るようになっているらしく、TRタグはつかえません。(普通だと折り曲げてはいけないそうですが)この横長の表をHPに掲載すると横のスクロールバーが出るのが嫌なのと iframeで表示させねばならず、スペース的に画像であらわしいたように折り曲げたいのです。 http://okwave.jp/qa/q3312100.html ←このjavascriptが近いかと思うのですが、この例は1行の表の例なので 2行まとめて折り曲げる方法がわかりません。(javascriptがわかりません) どなたか上記のように表現する方法をご存知ではないですか?大急ぎでお願いします。

    • ベストアンサー
    • CSS
  • 合計金額に対する割合を出したい ピボットテーブル

    エクセル2007 ピボットテーブル 合計金額に対する割合を出したい A列 商品名 りんご りんご みかん バナナ B列 金額 100 120 150 300 このデータをソースにしてピボットテーブルを作成し、 「行ラベル」に商品名、 「値」に金額をドラッグしました。 その時、総計行に合計金額 670が表示されますが 合計金額に対する割合の列をピボットテーブルで作成することは可能ですか? 例えばF列に 合計の670を100%として F2セルに=E2/$E$5といれてF5までオートフィルをして、 F列の書式をパーセンテージに変えればできますが これと同じことをピボットテーブルで列を作り、行いたいです。

  • ドラッグ&ドロップについて

    現在、Webブラウザ上でJavaScriptを使ったツリー表示をしており、 ツリー内のフォルダに対してドラッグ&ドロップを実装したいと思っています。 そこで質問なのですが、マウスの座標を取得して実装する様な方法では無く、ドラッグ・ドロップ対象のIDを取得して実装する方法はあるのでしょうか? ブラウザはIE6対応のみを想定しています。 ご存知でしたら、どうぞ宜しくお願いします。