javascript - 创建复杂的 HTML 表格

标签 javascript jquery html-table

我想尽可能创建一个与此类似的 HTML 表: enter image description here

主要“功能”包括:

  • td根据值着色
  • 背景中基于百分比的条形
  • 仅限 HTML 和 javascript/jQuery(无论如何都要手动输入数据)

仅使用 HTML/js 是否可以完成这样的事情,您建议如何完成此任务?

最佳答案

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

关于javascript - 创建复杂的 HTML 表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10851946/

相关文章:

javascript - 从 Node.js 中的 Json 对象下载文件

javascript - jQuery - 在对象数组中搜索

javascript - jQuery Flot.js : Line chart points not centered with x-axis grid line

javascript - 按下浏览器的后退/前进按钮时显示自定义弹出窗口

html - 在 Safari 中等间距单选按钮与宽度

javascript - 为什么表中的 valign 不能与 TEXTAREA 一起使用?

javascript - 使用 AngularJS 更新 JSON 数据

javascript - 通过字符串访问本地范围的变量——除了 eval 之外还有什么?

javascript - JavaScript 中的可选链接

html - 清理 HTML 格式表?