🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

pandas

Pandasは、PythonでRにおけるデータフレームに似た型を持たせることができるライブラリです。 行列計算の負担が大幅に軽減されるため、Rで行っていた集計作業をPythonでも比較的簡単に行えます。 データ構造を変更したりデータ分析したりするときにも便利です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

2096閲覧

pandasのto_html()で生成したtableのHTMLを使い、そのtableから数値でソートできるようにしたい

emm9t

総合スコア3

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

pandas

Pandasは、PythonでRにおけるデータフレームに似た型を持たせることができるライブラリです。 行列計算の負担が大幅に軽減されるため、Rで行っていた集計作業をPythonでも比較的簡単に行えます。 データ構造を変更したりデータ分析したりするときにも便利です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2021/01/09 05:13

前提・実現したいこと

pythonのpandasを用いてCSVファイルから、to_html()を使用しtableのHTMLを作りました
さらにflaskを使用して、表自体をローカルブラウザで表示させることもできました
そこから、その表をJavaScriptを使い数値で昇順・降順でソートできるようにしたいです

該当のソースコード

HTML

1<table border="1" class="dataframe table" id="table_id"> 2 <thead> 3 <tr style ="text-align: right;"> 4 <th>〇〇</th> 5 <th>✕✕</th> 6       ~ 7 <th>◇◇</th> 8 <\thead> 9 <tbody> 10 <tr> 11 <td>△△</td> 12 <td>■■</td> 1314 <td>●●</td> 15 </tr> 1617 </tbody> 18</table>

試したこと

https://www.tam-tam.co.jp/tipsnote/javascript/post11106.html
こちらのサイトを参考にしたのですが、それぞれに<th>タグ、<td>タグにクラスを設定しなければ、このプラグインは使用できません

そこで、JavaScriptでそれぞれにクラスを設定する方法を調べているのですが、うまくいきません
表の行数が1000以上あるので手動でもできません

全く別のプラグインや手法でもよいので、どなたかご教授ください

補足情報(FW/ツールのバージョンなど)

jQuery 3.5.1

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

全く別のプラグインや手法でもよいので、どなたかご教授ください

pandas 単体で個別の td タグにクラスを設定するのは無理なので、to_html() で一度 HTML 文字列にしたあと、Beautiful Soup でパースして編集し、再度 HTML 化するのはどうでしょうか?

投稿2021/01/09 13:01

tiitoi

総合スコア21956

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問