这是制作的表格，我想实现他每一个单元格中有黄色、红色和蓝色三个颜色根据后端传入的三个数据对比例分配颜色在单元格中的比例能否实现
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
- 2021-01-07 11:53赫兹/Herzz的博客 一个css盒子从外到内可以分成四个部分：margin（外边距），border（边框），padding（内边距），content（内容）。默认情况下，盒子的width和height属性只是设置content（内容）的宽和高， 盒子真正的宽应该是：...
- 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
- 2022-10-16 07:27DAOkonglong的博客 Web前端学习
- 2019-10-23 15:03回答 1 已采纳 参考这个 ``` render: (h, params) => { let status = params.row.orderstatic;
- 2022-04-06 17:36回答 2 已采纳 不要使用回调，而且这么简单也没必要使用，完全可以提前计算好，然后去赋值 var colors = { "融资流入（流贷技术处理）": "#FFFF00", "融资流入（流贷需要技术突破
- 2022-08-30 16:07回答 5 已采纳 .el-table .el-table__header-wrapper .cell{ line-height: 30px; } .el-table .el-table__body-wrapper
- 2023-12-05 12:00m0_70323676的博客 以下是一个简单的表格示例： 表头1 表头2 表头3 单元格1 单元格2 单元格3 单元格4 单元格5 单元格6 在这个示例中，。 colspan:用于指定单元格跨越的列数。用法为。 footer:是表格的底部可以用来加入数据的总计数。 ...
- 2021-12-03 17:26回答 2 已采纳 <template> <el-card shadow="never"> <template #header> <di
- 2022-06-11 21:46哎呀你干嘛啊的博客 link和@import的区别浏览器如何实现不同标签页的通信？iframe的优缺点canvas做项目用到哪些h5新特性和css3新特性？用localstorage和sessionStorage写过什么？如何解决页面内容加载缓慢的问题？cookie的特点*页面渲染...
- 2022-05-01 18:09竟然有人人人的博客 前言 网页： 链接、图片、文字、声音、视频等元素组成，称为html文件 html： 超文本标记语言，描述网页...浏览器内核： 负责读取网页内容，整理 ...一、html文件基本结构： <... <...”加Tab键，自动填充 <!DOCTYPE h
- 没有解决我的问题, 去提问
问题事件
系统已结题
8月18日
已采纳回答
8月10日-
创建了问题
8月10日
悬赏问题
- ¥15 chaquopy python 安卓
- ¥50 Kubernetes&Fission&Eleasticsearch
- ¥15 有没有帮写代码做实验仿真的
- ¥15 報錯：Person is not mapped，如何解決？
- ¥30 vmware exsi重置后登不上
- ¥15 易盾点选的cb参数怎么解啊
- ¥15 MATLAB运行显示错误，如何解决？
- ¥15 c++头文件不能识别CDialog
- ¥15 Excel发现不可读取的内容
- ¥15 关于#stm32#的问题：CANOpen的PDO同步传输问题