这是制作的表格，我想实现他每一个单元格中有黄色、红色和蓝色三个颜色根据后端传入的三个数据对比例分配颜色在单元格中的比例能否实现
Web前端table能否实现一个单元格里面填充几种颜色，并且根据数据的不同颜色所占比例不同
这是制作的表格，我想实现他每一个单元格中有黄色、红色和蓝色三个颜色根据后端传入的三个数据对比例分配颜色在单元格中的比例能否实现
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
关注可以是可以，表格里面写几个不带边框的动态div ，根据比例展示大小和颜色，需要配合js 使用
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2022-08-10 01:36回答 2 已采纳 可以是可以，表格里面写几个不带边框的动态div ，根据比例展示大小和颜色，需要配合js 使用
- 2022-01-22 12:31回答 2 已采纳 使用三目运算去添加class1.定义两个class,分别表示成功和失败2.在拿到状态值的地方进行判断 :class="type==1?'success':'error'"
- 2022-01-23 22:59回答 4 已采纳 data中直接写 tableData: [], 就行，在html中的每一个el-table-colum中的prop上对应的用返回的数据即可，比如标题 <el-table-column
- 2020-10-30 17:39本文将详细介绍如何使用JavaScript来实现一个可以根据内容自动生成表格的函数。 #### 二、需求分析 在项目开发中，根据内容自动生成表格的需求主要体现在以下几个方面： 1. **适应不同数据量**：不论数据多少，都...
- 2022-02-24 12:08回答 4 已采纳 <el-table :data="scope.row.distributionList" max-height="500px"
- 2021-10-01 22:23回答 2 已采纳 vue+element1、便捷易上手2、而且百度之后大量的实例，广泛的踩坑说明3、这玩意儿官方讲的是真的详细，有的基本上是cpoy过来直接能用的，运气好有的文章除了改改axios配置，基本上拿过来就用
- 2015-04-09 11:20回答 3 已采纳 Here it is my friend: jsFiddle It gets the value of avai : var diff = $('td.avai').html(); the
- 2024-07-14 10:59库库林_沙琪马的博客 本文将覆盖Web前端开发的方方面面，包括HTML、CSS、JavaScript三大基础知识，vue3框架以及项目实战，帮助读者从零开始掌握前端开发。HTML（HyperText Markup Language）是用于创建网页的标准标记语言。它用于描述...
- 2019-10-23 15:03回答 1 已采纳 参考这个 ``` render: (h, params) => { let status = params.row.orderstatic;
- 2022-04-06 17:36回答 2 已采纳 不要使用回调，而且这么简单也没必要使用，完全可以提前计算好，然后去赋值 var colors = { "融资流入（流贷技术处理）": "#FFFF00", "融资流入（流贷需要技术突破
- 2021-12-03 17:26回答 2 已采纳 <template> <el-card shadow="never"> <template #header> <di
- 2021-01-07 11:53赫兹/Herzz的博客 一个css盒子从外到内可以分成四个部分：margin（外边距），border（边框），padding（内边距），content（内容）。默认情况下，盒子的width和height属性只是设置content（内容）的宽和高， 盒子真正的宽应该是：...
- 2022-08-30 16:07回答 5 已采纳 .el-table .el-table__header-wrapper .cell{ line-height: 30px; } .el-table .el-table__body-wrapper
- 2022-10-16 07:27DAOkonglong的博客 Web前端学习
- 2023-12-05 12:00m0_70323676的博客 以下是一个简单的表格示例： 表头1 表头2 表头3 单元格1 单元格2 单元格3 单元格4 单元格5 单元格6 在这个示例中，。 colspan:用于指定单元格跨越的列数。用法为。 footer:是表格的底部可以用来加入数据的总计数。 ...
- 没有解决我的问题, 去提问
问题事件
系统已结题
8月18日
已采纳回答
8月10日-
创建了问题
8月10日
悬赏问题
- ¥15 metadata提取的PDF元数据，如何转换为一个Excel
- ¥15 关于arduino编程toCharArray()函数的使用
- ¥100 vc++混合CEF采用CLR方式编译报错
- ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误，如何解决？
- ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
- ¥15 c#逐行读取txt文本，但是每一行里面数据之间空格数量不同
- ¥50 如何openEuler 22.03上安装配置drbd
- ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
- ¥15 无线连接树莓派，无法执行update，如何解决？（相关搜索：软件下载）
- ¥15 Windows11, backspace, enter, space键失灵