0

できるだけこれに似た HTML テーブルを作成したいと思います。 ここに画像の説明を入力

主な「機能」は次のもので構成されます。

  • td値に基づいて色付けされます
  • パーセンテージに基づく背景のバー
  • HTML および javascript/jQuery のみ (データはいずれにせよ手動で入力されます)

HTML/js のみでそのようなことを行うことは可能ですか?また、このタスクを達成するために何をお勧めしますか?

4

3 に答える 3

3

DIVそれぞれに 2 つの を入れます。1 つTDは値を表示する絶対配置、もう 1 つはバー用です。バーに単純な CSS3 グラデーションの背景を使用します。

于 2012-06-01T14:18:57.103 に答える
1

値に基づいてセルに色を付けるのは、jsを使用すると非常に簡単です。

HTMLテーブルのバーを見たことがありませんが、考えられる方向は次のとおりです。各tdには、ユーザーが値と浮動小数点を入力するための入力が含まれています。ユーザーが値を更新したら、jsを使用してフローティングdivの幅を適切なパーセンテージに設定します。

考慮事項：

  • 入力のZインデックスを浮動小数点よりも高く設定します
  • フローティングdivを明確かつ簡単に識別できることを確認して、jsが更新するものを認識できるようにします
于 2012-06-01T14:23:59.747 に答える
1

はい、html / css/jsでこれを実現できます。jqueryを使用することをお勧めします（まだjsであるため）。数値を取得してパーセンテージを計算してから、バーのクラスを追加できます。

于 2012-06-01T14:27:54.043 に答える