0

我想尽可能地创建一个与此类似的 HTML 表： 在此处输入图像描述

主要“功能”包括：

  • tds 基于值着色
  • 基于百分比的背景条
  • 仅限 HTML 和 javascript/jQuery（无论如何手动输入数据）

是否可以仅使用 HTML/js 来做这样的事情，你会推荐什么来完成这项任务？

4

3 回答 3

3

在每个 中放置两个DIVs TD，一个绝对定位以显示值，另一个用于条形图。在栏上使用简单的 CSS3 渐变背景。

于 2012-06-01T14:18:57.103 回答
1

使用 js 根据值对单元格着色应该非常简单。

我从未见过 html 表格中的条形图，但这是一个可能的方向：每个 td 包含一个供用户输入值的输入和一个浮动 div。当用户更新值时，使用js将浮动div的宽度设置为合适的百分比。

需要考虑的事项：

  • 将输入的 Z-index 设置为高于浮动 div
  • 确保浮动的 div 可以清楚且容易地识别，以便 js 知道要更新哪个
于 2012-06-01T14:23:59.747 回答
1

是的，您可以使用 html/css/js 来实现这一点。我建议您使用 jquery（因为它仍然是 js），您可以获取数字并计算百分比，然后为条形添加一个类

于 2012-06-01T14:27:54.043 回答