表格制作一对多，多对多

已于 2024-03-15 17:52:53 修改
阅读量408 收藏 6
点赞数 6
文章标签： javascript 前端 vue.js
于 2024-03-04 15:06:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Circle_Key/article/details/136452990
版权 
    <!-- <tr>
                  <td>第1行第1列</td>
                  <td>第1行第2列</td>
                </tr>
                <tr>
                  <td rowspan="4">第2行第1列</td>
                  <td colspan="2">第2行第2列</td>
                  <td colspan="3">第2行第2列</td>
                  <td colspan="4">第2行第2列</td>
                  <td colspan="15">第2行第2列</td>

                </tr>
                <tr>
                  <td colspan="2">第3行第2列</td>
                </tr>
                <tr>
                  <td colspan="2">第3行第2列</td>
                </tr>  <tr>
                  <td colspan="2">第3行第2列</td>
                </tr> -->

   <tr>
                  <td rowspan="4" colspan="1">第2行第1列</td>
                  <td colspan="2">第2行第2列</td>
                  <td rowspan="4" colspan="3">第2行第2列</td>
                  <td colspan="4">第2行第2列</td>
                  <td colspan="5">第2行第2列</td>
                  <td rowspan="4" colspan="6">第2行第2列</td>
                </tr>
                <tr>
                  <td colspan="2">第3行第2列</td>
                  <td colspan="4">第3行第2列</td>
                  <td colspan="5">第3行第2列</td>
                </tr>
                <tr>
                  <td colspan="2">第3行第2列</td>
                  <td colspan="4">第3行第2列</td>
                  <td colspan="5">第3行第2列</td>
                </tr>  <tr>
                  <td colspan="2">第3行第2列</td>
                  <td colspan="4">第3行第2列</td>
                  <td colspan="5">第3行第2列</td>
                </tr>

<tr>
                  <td rowspan="7" colspan="1">掌握情况</td>
                </tr>
                <tr>
                  <td  rowspan="3" colspan="2">知识点</td>
                  <td rowspan="3" colspan="3">关联作业</td>
                  <td colspan="4">题号1</td>
                  <td colspan="5">你的正确率1</td>
                  <td rowspan="3" colspan="6">班级平均正确率</td>
                </tr>
                <tr>
                  <td colspan="4">题号</td>
                  <td colspan="5">你的正确率</td>
                </tr>
                <tr>
                  <td colspan="4">题号</td>
                  <td colspan="5">你的正确率</td>
                </tr>
                <tr>
                  <td  rowspan="3" colspan="2">知识点</td>
                  <td rowspan="3" colspan="3">关联作业</td>
                  <td colspan="4">题号</td>
                  <td colspan="5">你的正确率</td>
                  <td rowspan="3" colspan="6">班级平均正确率</td>
                </tr>
                <tr>
                  <td colspan="4">题号</td>
                  <td colspan="5">你的正确率</td>
                </tr>
                <tr>
                  <td colspan="4">题号</td>
                  <td colspan="5">你的正确率</td>
                </tr> -->
                <!-- <tr>

                  <td colspan="4">题号</td>
                  <td colspan="5">你的正确率</td>
                </tr>
                <tr>
                  <td colspan="4">题号</td>
                  <td colspan="5">你的正确率</td>
                </tr>

 <tr>
                  <td rowspan="14" colspan="1">掌握情况</td>
                </tr>
                <!-- <tr>
                  <td  colspan="2" rowspan="3">知识点</td>
                  <td colspan="3">关联作业</td>
                  <td colspan="4">题号1</td>
                  <td colspan="5">你的正确率1</td>
                  <td rowspan="3" colspan="6">班级平均正确率</td>
                </tr> -->
                <tr>
                  <td  colspan="2" rowspan="4">知识点</td>
                  <td colspan="3" rowspan="2">关联作业</td>
                  <td colspan="4">题号2</td>
                  <td colspan="5">你的正确率</td>
                </tr>
                <tr>
                  <td colspan="4">题号3</td>
                  <td colspan="5">你的正确率</td>
                </tr>
                <tr>
                  <td colspan="3"  rowspan="2">关联作业</td>
                  <td colspan="4">题号4</td>
                  <td colspan="5">你的正确率</td>
                </tr>
                
                <tr>
                  <td colspan="4">题号5</td>
                  <td colspan="5">你的正确率</td>
                </tr>
                <tr>
                  <td  colspan="2" rowspan="4">知识点</td>
                  <td colspan="3" rowspan="2">关联作业</td>
                  <td colspan="4">题号2</td>
                  <td colspan="5">你的正确率</td>
                </tr>
                <tr>
                  <td colspan="4">题号3</td>
                  <td colspan="5">你的正确率</td>
                </tr>
                <tr>
                  <td colspan="3"  rowspan="2">关联作业</td>
                  <td colspan="4">题号4</td>
                  <td colspan="5">你的正确率</td>
                </tr>
                
                <tr>
                  <td colspan="4">题号5</td>
                  <td colspan="5">你的正确率</td>
                </tr>
                
                <!-- <tr>
                  <td  colspan="2"  rowspan="2">知识点</td>
                  <td colspan="3" rowspan="3">关联作业</td>
                  <td colspan="4">题号</td>
                  <td colspan="5">你的正确率</td>
                  <td rowspan="2" colspan="6">班级平均正确率</td>
                </tr>
                <tr>
                  <td colspan="4">题号</td>
                  <td colspan="5">你的正确率</td>
                </tr> -->
                
                <!-- <tr>
                  <td colspan="4">题号</td>
                  <td colspan="5">你的正确率</td>
                </tr> -->


  <tr>
                  <td rowspan="7" colspan="1">掌握情况</td>
                </tr>
                <tr>
                  <td  rowspan="3" colspan="2">知识点</td>
                  <td rowspan="3" colspan="3">关联作业</td>

                  <td colspan="4">题号1</td>
                  <td colspan="5">你的正确率1</td>
                  <td rowspan="3" colspan="6">班级平均正确率</td>
                </tr>
                <tr>
                  <td colspan="4">题号</td>
                  <td colspan="5">你的正确率</td>
                </tr>
                <tr>
                  <td colspan="4">题号</td>
                  <td colspan="5">你的正确率</td>
                </tr>

   <tr>
                  <td rowspan="7" colspan="1">掌握情况</td>
                </tr>
                <tr>
                  <td  rowspan="4" colspan="2">知识点</td>
                  <td rowspan="3" colspan="3">关联作业</td>
                  <td colspan="4">题号1</td>
                  <td colspan="5" rowspan="3">你的正确率1</td>
                  <td rowspan="3" colspan="6">班级平均正确率</td>
                </tr>
                <tr>
                  <td colspan="4">题号</td>
                </tr>
                <tr>
                  <td colspan="4">题号</td>
                </tr>
                <tr>
                  <td colspan="3">关联作业</td>
                  <td colspan="4">题号1</td>
                  <td colspan="5" rowspan="3">你的正确率1</td>
                  <td rowspan="3" colspan="6">班级平均正确率</td>
                </tr>

 <tr>
                  <td rowspan="7" colspan="1">掌握情况</td>
                </tr>
                <tr>
                  <td  rowspan="3" colspan="2">知识点</td>
                  <td rowspan="1" colspan="3">关联作业</td>
                  <td colspan="4">题号1</td>
                  <td colspan="5" rowspan="6">你的正确率1</td>
                  <td rowspan="6" colspan="6">班级平均正确率</td>
                </tr>
                <tr>
                  <td  colspan="3">关联作业</td>
                  <td  colspan="4">题号1</td>
                </tr> 
                <tr>
                  <td  colspan="3">关联作业</td>
                  <td  colspan="4">题号1</td>
                </tr>

Circle_Key
关注
  • 6
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html表格的多个下拉菜单,表格设置下拉多个选项
weixin_35032509的博客
06-04 1987
搞定Office每周三更新「搞定Office」是黑马公社全新的七大版块之一，每周三更新，教授Office等办公软件的各种应用技巧。◆◆◆Excel表格如何实现二级下拉菜单的联动黑马说：有时候我们需要为表格做下拉菜单，一级的下拉菜单你可能直接用数据验证或者数据有效性就可以实现，那今天黑马要教给大家的是有关二级菜单的联动，Office达人可要看过来了哦！BY：Andy◆◆◆图文说明效果展示点击这里“市...
Excel表格制作方法优质资料.doc
12-02
Excel表格制作方法是每个办公人员都需要掌握的基本技能之一。它能帮助我们整理和分析数据，提高工作效率。在Excel中创建表格十分简单，主要涉及到以下几个关键步骤： 1. 创建新工作表：通过桌面快捷菜单选择“属性...
Js动态生成多层表头的表格
团长的博客
04-13 5208
Js动态生成「纵向」多层表头的表格前言需求代码htmlJs 前言 菜鸟来记录下自己工作中或者学习中遇到的问题和一些想法，各位看官也可以来指点一下，分享观点。 这是第一次写个人博客，之前也知道写技术博客对个人技术的提升很有效，但是一直没啥动力开动第一篇，昨天单位新开工个项目，技术架构不算前沿，Js里有一些是预封装的方法，不过很多地方会涉及到业务需求不一致，所以要自己手写Js。今天有一个纵向多层表头的...
latex制作多行多列的表格
热门推荐
zhazhazl的博客
12-28 1万+
使用latex制作多行多列的表格。 首先在导言区加上宏包multirow和float. 其中multirow是为了调用多行和多列单元格命令，float是为了防止latex表格的自动浮动，让表格建立在我们需要的位置 \usepackage{multirow} \usepackage{float} 正文中 \begin{table}[H] \centering \begin{tabular}{|c|...
用VUE制作一个表格
weixin_35756373的博客
12-16 3214
好的，我来给你介绍一下如何使用 Vue.js 制作一个表格。 首先，你需要在 HTML 中创建一个表格标签，然后使用 Vue 的指令来渲染表格的内容。 例如，你可以使用 v-for 指令来循环遍历数据数组，并将数据渲染到表格中。 <table> <tr v-for="item in items"> <td>{{ item.name }}</td...
excel制作（1）多记录跟进表格
阿正的梦工坊
08-14 4535
解决多记录跟进的问题。问题例如：1.客户到访记录跟进2.客户关系维护跟进3.产品维修记录跟进
制作对照表用表格V1.1.xlsm
08-11
三调举证信息对照表制作工具 整合一对多关系表 例如EXCEL中 有两两行数据 编号A对应1、编号A对应2 使用工具后生成一行 A对应1/2
和多模式活动相关的数据集
02-06
多模式活动数据集 数据说明： ...·麦片:制作一碗麦片 ·表格:设置表格 ·笔记本电脑:使用笔记本 ·智能手机:使用智能手机 ·报纸:读报纸 ·餐具:清洗餐具 ·整洁:打扫厨房 （该数据共有592张照片）
EXCEL表格制作2022优秀文档.ppt
11-14
在Excel表格制作中，创建一个优秀的文档涉及到多个关键点，包括美化表格、设置单元格式、字体格式、数字格式、单元格对齐方式、合并与拆分单元格以及设置边框和底纹。以下是对这些知识点的详细解释： 1. **设置单元...
Excel电子表格制作ppt课件.ppt
11-13
【Excel电子表格制作PPT课件】主要涵盖了Excel工作窗口的使用、编辑工作表数据、公式与函数的应用以及工作表的格式化等关键知识点。以下是对这些内容的详细阐述： 1. **Excel工作窗口** - **工作簿、工作表、...
Sortable.js板块拖拽示例
w11111xxxl的博客
07-14 763
ghostClass: 'blue-background-class' // 拖动时元素的样式类。group: 'shared', // 允许与其它具有相同组名的元素交互。-- 引入 Sortable.js 的 CSS 和 JS 文件 -->width: 150px;/* 减少宽度 */height: 70px;/* 设置高度 */-- 引入 Sortable.js 的 JS 文件 -->animation: 150, // 动画速度。// 初始化 Sortable。
更新商品前端接口编写
weixin_55639995的博客
07-12 419
那么在vue运行的时候,会加载所有的ref属性特征的元素还有组件。标签中ref的作用就是将 该组件注册到vue对象的ref属性中。使用插槽,那个scope就是代表着一行的数据。然后里面的选项遍历的是 js定义的数据。如果文字显示过多可以使用 文本隐藏显示。表单绑定还有表单数据的绑定。数据绑定使用的表单绑定状态。写form表单然后封装数据。状态的选择使用的是选择框。副标题使用的是文本域。状态页面使用,下拉框。富文本选择器使用组件。使用后端枚举类型去写。
vue解决页面放大图片模糊的问题
m0_56104994的博客
07-12 319
解决页面放大，图片模糊的问题
JS+CSS特效：HTML+JS+CSS 实现精致的带二级菜单的头部菜单
uu0216的博客
07-16 807
既然a标签把它填满导致了原来的内圆角没有了，而去掉了a标签的背景色依然没有出现圆角。那么我不妨把第一行的两个菜单项和最后一行的两个菜单项写个圆角。这里利用子选择器实现。为了避免菜单项数量改变而导致样式的变化，需要把样式写在最后两个子列表项上，而不是第7和第8上面。所以，在最后两个列表项上，我们使用的 nth-last-child 而不是 nth-child。
docker将Java、vue、nginx打进镜像（涉及容器打成镜像）
qq_37752382的博客
07-15 542
按照上文拉取centos7，然后将需要的东西直接打进脚本，这样最简单，但是在拉取过程中，初始镜像contos7安装nginx需要安装一些工具包，拉取的时候报错了，原因还是在镜像源上，并且还想在上面装一些工具，另外创建容器不应该在里面做很多初始化的东西，每次更新业务包就行，4）准备文件完成后执行下面的就行（如果配置文件不对，比如nginx的配置等先进入镜像手动调整好，没问题了，再删除掉容器和镜像重新制作镜像即可）本文不讲安装docker,安装好安装，镜像源稍微麻烦点。1）生成镜像并创建容器。
ReactRouter v6升级的步骤
feixin369的博客
07-14 395
React Router v6 引入了一个 Routes组件，它有点像Switch，但功能要强大得多。与Switch相比，RoutesReact.lazy。
高职软件技术实训室
最新发布
whwzzc的博客
07-17 741
当前，软件行业正处于高速发展阶段，对人才的需求呈现出多元化、高精尖的特点。平台基于k8s实现公有云、混合云、私有云多种部署方式，提供在线html、css、js、jquery、vue等前端开发环境，实现真正的云开发，开箱即用，主要模块有课程制作工具、作业、活动、云盘、共享课、我的课、云优选课。平台基于k8s实现公有云、混合云、私有云多种部署方式，提供在线java、python等后台语言，实现真正的云开发，开箱即用，主要模块有课程制作工具、作业、活动、云盘、共享课、我的课、云优选课。
商品详情使用富文本编辑器
m0_74356429的博客
07-13 167
2、因为好多页面都需要用到，封装富文本编辑器组件。3、在商品编辑和商品添加页面添加富文本编辑器。Editor.vue代码。
vue搜索框过滤--- computed、watch区别
学习笔记分享给大家
07-16 294
计算属性computed适用于需要基于其他数据动态变化，并且需要缓存的场景。侦听器watch适用于需要响应数据变化，执行异步或开销较大操作的场景。方法methods适用于定义组件的具体行为，包括事件处理和业务逻辑等。
多媒体课件制作实例：《骆驼和羊》脚本与Charlie Chaplin教学设计
此外，文档还提到了一个Excel 2000实用教程的简介，作为附加资料，可能用于教授数据分析或电子表格操作，但这部分内容并未详细展示在脚本范例中。 总结来说，这份参考资料提供了创建多媒体教学脚本的实用框架，强调...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值