当前位置: 首页 > 知识库问答 >
问题:

javascript - 三个维度的逻辑怎么用表格展示?

甘英光
2023-04-27

二个维度的逻辑

大于35 小于35
本科 1万 2万
非本科 3万 4万

再加一个维度,比如男女,表格要怎么展示?二维表格展示不了,那用哪种方式展示比较好?

共有1个答案

史懿轩
2023-04-27

对于这种统计表格,限于表格的行列的二维组合,想完整表达三个维度无法做到。只能考虑将其中两个维度进行组合,例如:

大于 35(男) 大于 35(女) 小于 35(男) 小于 35(女)
本科 0.3万 0.7万 1.5万 0.5万
非本科 2万 1万 2万 2万

当然,为了表格更直观和易读,男女属性也可以使用不同的单元格背景颜色,或者 icon 图标来区分。这样就可以保持原来的表头,只拆分数据表格就可以了。下图做示例:

image.png

 类似资料:
  • 带有层级结构的表头如:部门(财务,技术),Name(FirstName, LastName) 怎么构造这种结构显示在表头单元格中?

  • 用户表逻辑删除,那么用户的附表需要跟着逻辑删除么?

  • 我将在秋季开始一个计算机科学项目,我正试图在开始前建立我的编程能力。 我正在研究麻省理工学院OCW 6.0的问题,第一个是产生第1000个素数。显然,我想生成自己的代码,所以我想知道我的逻辑出了哪里问题。 你们太棒了,所以我不会在这里解释每一行,但我的逻辑要点是,我希望这个循环从n开始。如果 n 是质数,则将其添加到列表中,并将 1 添加到计数器中,如果没有,请转到下一个数字。最后,打印列表,以第

  • 我有两张桌子 客户(ID,First_Name,Last_Name,地址); 订单(ID,Product_Name,价格,Order_Date日期,Customer_ID,金额); 我必须选择客户的姓氏以及他们的订单数量。 select请求的输出必须是

  • 本文向大家介绍巧用Javascript的逻辑运算符,包括了巧用Javascript的逻辑运算符的使用技巧和注意事项,需要的朋友参考一下 上面例子:如果是火狐浏览器执行if里面的语句,即使用e这个参数,来引用“事件对象”。      如果是IE浏览器则执行else里面的语句,即使用event来引用“事件对象”。 这是为了兼容两个浏览器而使用的if判断方法,来使用事件对象。 上面例子:通过使用“或”这

  • 本文向大家介绍什么是JavaScript中的逻辑运算符?,包括了什么是JavaScript中的逻辑运算符?的使用技巧和注意事项,需要的朋友参考一下 JavaScript支持以下逻辑运算符。假设变量A持有10,变量B持有20,那么, 序号 运算符和说明 1 &&(逻辑与) 如果两个操作数都不为零,则条件变为true。 例如:(A && B)是真的。 2 | | (逻辑或) 如果两个操作数中的任何一个