前端 - 有没有好的思路实现下图的表格？
如图，不采用div一个个格子画的话，有没有什么优雅的实现方式
共有7个答案
如果用的是element-ui的话，可以用Descriptions 描述列表，应该能满足你的需求
如果是想自己实现的话，我的思路是用grid布局写一个布局组件，用来划分不同的列
你要考虑打印的话，建议使用table来做
这个用最原始的 table 标签最好实现了，先选择这个表格中【民族】列为基准单元格，然后看【姓名】那一列是基准单元格的两倍，所以【姓名】列就进行合并两个单元格，一次类推进行合并其他列的单元格，这种方式是最简单的。
用原生table就可以
可以看下这个：vxe-table
html画一个:
举个例子
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>html中表格</title> </head> <body> <table border="1" width="800" align="center" cellpadding="10" cellspacing="0"> <!-- 标题--> <caption><h2>某小学一年级(三班)课程表</h2></caption> <!-- 表头--> <thead> <tr bgcolor="#90ee90"> <th>星期</th> <th>星期一</th> <th>星期二</th> <th>星期三</th> <th>星期四</th> <th>星期五</th> </tr> </thead> <!-- 主体--> <tbody align="center"> <tr> <td rowspan="3" bgcolor="#f5deb3">上午<br>8:00 - 11:30</td> <td>语文</td> <td>数学</td> <td>美术</td> <td>体育</td> <td>音乐</td> </tr> <tr> <td>语文</td> <td>数学</td> <td>美术</td> <td>体育</td> <td>音乐</td> </tr> <tr> <td>语文</td> <td>数学</td> <td>美术</td> <td>体育</td> <td>音乐</td> </tr> <tr> <td rowspan="2" bgcolor="#e0ffff">下午<br>13:30 - 15:30</td> <td>语文</td> <td>数学</td> <td>美术</td> <td>体育</td> <td>音乐</td> </tr> <tr> <td>语文</td> <td>数学</td> <td>美术</td> <td>体育</td> <td>音乐</td> </tr> </tbody> <tfoot align="center"> <tr bgcolor="#d3d3d3"> <td>备注:</td> <td colspan="5">周未家长应该多些时间陪同孩子学习</td> </tr> </tfoot> </table> </body> </html>
想不到更好的方法，只能一点一点手敲https://codepen.io/dx-1010/pen/LYMGKBE
-
没有思路时，休息一下。我有时候没有思路时会冥思15分钟，当我回来看问题时，它就神奇地解开了。更大尺度上，一个晚上的睡眠能做到一样的事情，临时切换到其他活动上可能也会有效。
-
菜名和价格可以左右对齐，但是这中间的虚线或者点应该怎么做，放在他们中间，我没什么好的思路 我目前想的是设一个基准，比如说一百个‘·’，然后菜名多一个字就减去几个点，价格多一位就减去几个点，这个思路，但是又感觉不一定对得齐
-
前端有没有办法实现页面截图？不是html-to-canvas那种实现，而是类似于windows上各种截图工具那样，直接截取屏幕上图像 目前搜到的全是html-to-canvas的方案
-
问题内容： 我知道，但是就我而言，我需要一些实现的东西，而不是。那么在API或其他地方是否有实现？ 实施我自己应该不难，但是我想到了为什么不先问这里的人呢？ 问题答案： 标准库中没有Java集合可以做到这一点。不过，保留顺序类似于，因此，如果要将集合包装为a并希望将其用作a ，则会获得所需的语义。 另外，Commons Collections（或对于通用版本）也具有您想要的功能：/ 。
-
前端表格展示十万级数量的数据，有没有好的方案 就现有的UI库组件，页面会很卡
-
这是一个水塔的svg，需求： 水面跟随进度上升下降 进度低于20时变红色，其余进度变绿色 整体尺寸不是固定的，跟随父布局大小 思路1：目前我的思路是根据进度，切10张水塔图，根据进度动态显示。但这增加包体积，感觉也有点粗暴。 思路2：用两张图上下放置，上面的水塔用clip-path根据进度切，但好像只能且固定大小，因为svg的path好像是固定的 目前没有更好的解决思路，各位大佬怎么看？