「jquery.csv2table.js」から生成されたテーブルに「s

Question

「jquery.csv2table.js」から生成されたテーブルに「super tables」を適用したい。 csv2tablesを使用して、テーブルの作成・表示はできるのですが、一部の行と列を固定したいと考えています。色々検索した結果、「super tables」が良いかと思い、以下のサイトを参考にスクリプトを追加していますが、エラーが表示され、固定された表示になりません。以下にスクリプトの情報等を記載します。書き方がそもそも間違っている等、ご教示下さい。よろしくお願いします。＜参考にしたサイト＞ http://c-brains.jp/blog/wsg/09/06/16-151445.php ＜IE8のエラーメッセージ＞ Web ページエラーの詳細ユーザーエージェント: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.3; .NET4.0C) タイムスタンプ: Sun, 29 Aug 2010 14:44:55 UTC メッセージ: 'this.sDataTable.tBodies.0' は Null またはオブジェクトではありません。 superTables.js ライン: 92 文字: 3 コード: 0 ＜HTML・スクリプト＞

＜test.csvの内容＞ No,項目1,項目2,項目3,項目4,項目5,項目6,項目7,項目8,項目9,項目10 1,,,,,,,,,, 2,,,,,,,,,, 3,,,,,,,,,, 4,,,,,,,,,, 5,,,,,,,,,, 6,,,,,,,,,, 7,,,,,,,,,, 8,,,,,,,,,, 9,,,,,,,,,, 10,,,,,,,,,, 11,,,,,,,,,, 12,,,,,,,,,, 13,,,,,,,,,, 14,,,,,,,,,, 15,,,,,,,,,, 16,,,,,,,,,, 17,,,,,,,,,, 18,,,,,,,,,, 19,,,,,,,,,, 20,,,,,,,,,,

yamada_g · Accepted Answer

csv2table、superTableはおろかjqueryも殆ど触ったことがないので参考程度にしてください。 superTableの第一引数はtable要素のidを指定しないといけないのではないかと思います。で、csv2tableで作られたtableにはidが設定されていません。ですので自分で設定しなければいけないようです。また、確実にcsv2tableでtableが作成された後にsuperTableの処理が動くように onloadを使わないといけないのかなと思います。正しいやり方かわかりませんが、 csv2table.jsに var tableHtm=$.csv2table._doc.getElementById(id).innerHTML=""+htm+"

"; というようなコードがあると思いますので、これを var tableHtm=$.csv2table._doc.getElementById(id).innerHTML=""+htm+"

"; に変更しtableのIDを設定できるようにします。そして、 om7700さんのソースコードの $('#view1').csv2table('./test.csv'); を $('#view1').csv2table('./test.csv', {tableId : 'hoge' ,onload : function(id,op,data,array) { new superTable("hoge", { cssSkin : "sDefault", headerRows : 1, fixedCols : 3 }); } }); と変更してtableにIDを設定し、tableが出来上がったあとにsuperTableの処理が動くようにします。 IE8ではとりあえず動きました。

「jquery.csv2table.js」から生成されたテーブルに「s

csv2table、superTableはおろかjqueryも殆ど触ったことがないので参考程度にしてください。

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング