当前位置:网站首页>将数学公式在el-table里面展示出来
将数学公式在el-table里面展示出来
2022-07-07 11:07:00 【加蓓努力我先飞】

<el-table-column prop="sup_score" label='考试得分' align="center">
<template slot-scope="scope">
<div v-html="scope.row.sup_score"></div>
</template>
</el-table-column>
<el-table :data="tableData2323" height="500" :header-cell-style="{ color: '#333333' }" row-key="id" fit highlight-current-row style="margin-top: 10px;">
<el-table-column prop='no' label="编号" width="70" align="center"></el-table-column>
<el-table-column prop='name' label='名称' align="center"></el-table-column>
<el-table-column prop="score" label='平时得分' align="center">
<template slot-scope="scope">
<div v-html="scope.row.score"></div>
</template>
</el-table-column>
<el-table-column prop="sup_score" label='考试得分' align="center">
<template slot-scope="scope">
<div v-html="scope.row.sup_score"></div>
</template>
</el-table-column>
</el-table>
tableData2323: [
{
"no": "",
"score": "87.22",
"sup_score": "87.22",
"name": "总分"
},
{
"no": "1",
"score": "97.03",
"sup_score": "97.03",
"name": "物理"
},
{
"no": "2",
"score": "97.03",
"sup_score": "97.03",
"name": "化学"
},
{
"no": "3",
"score": "20.00",
"sup_score": "20.00",
"name": "生物"
},
{
"no": "4",
"score": "70.00",
"sup_score": "70.00",
"name": "数学"
},
{
"no": "",
"score": "<div style=\"display: flex;align-items: center;justify-content: center;\">(1.物理×30%...+3.生物×40%)+<div style=\"margin-left: 1px;\"><div >∑(4.数学)</div><div style=\"border-bottom: 1px solid #000000;margin-top: -1px;\" ></div><div>1</div></div>×(1-70%)</div>",
"sup_score": "<div style=\"display: flex;align-items: center;justify-content: center;\">(1.物理×30%...+3.生物×40%)+<div style=\"margin-left: 1px;\"><div >∑(4.数学)</div><div style=\"border-bottom: 1px solid #000000;margin-top: -1px;\" ></div><div>1</div></div>×(1-70%)</div>",
"name": "总分计算公式"
}
],
边栏推荐
- Enterprise custom form engine solution (XII) -- experience code directory structure
- 【无标题】
- 学习突围2 - 关于高效学习的方法
- How does MySQL create, delete, and view indexes?
- leecode3. 无重复字符的最长子串
- AUTOCAD——大于180度的角度标注、CAD直径符号怎么输入?
- 有什么类方法或是函数可以查看某个项目的Laravel版本的?
- .Net下极限生产力之efcore分表分库全自动化迁移CodeFirst
- Leetcode skimming: binary tree 20 (search in binary search tree)
- ip2long与long2IP 分析
猜你喜欢

Aosikang biological sprint scientific innovation board of Hillhouse Investment: annual revenue of 450million yuan, lost cooperation with kangxinuo

Smart cloud health listed: with a market value of HK $15billion, SIG Jingwei and Jingxin fund are shareholders

Coscon'22 community convening order is coming! Open the world, invite all communities to embrace open source and open a new world~
![[untitled]](/img/6c/df2ebb3e39d1e47b8dd74cfdddbb06.gif)
[untitled]

Practical example of propeller easydl: automatic scratch recognition of industrial parts

Differences between MySQL storage engine MyISAM and InnoDB

.Net下极限生产力之efcore分表分库全自动化迁移CodeFirst

2022 examination questions and online simulation examination for safety production management personnel of hazardous chemical production units

. Net ultimate productivity of efcore sub table sub database fully automated migration codefirst

Creation and assignment of graphic objects
随机推荐
Coscon'22 community convening order is coming! Open the world, invite all communities to embrace open source and open a new world~
COSCon'22 社区召集令来啦!Open the World,邀请所有社区一起拥抱开源,打开新世界~
leecode3. 无重复字符的最长子串
如何将 @Transactional 事务注解运用到炉火纯青?
聊聊Redis缓存4种集群方案、及优缺点对比
PACP学习笔记三:PCAP方法说明
谷歌浏览器如何重置?谷歌浏览器恢复默认设置?
Conversion from non partitioned table to partitioned table and precautions
mysql怎么创建,删除,查看索引?
2022 practice questions and mock examination of the third batch of Guangdong Provincial Safety Officer a certificate (main person in charge)
Users, groups, and permissions
PHP调用纯真IP数据库返回具体地址
Leetcode skimming: binary tree 23 (mode in binary search tree)
【无标题】
How to reset Google browser? Google Chrome restore default settings?
Leetcode brush question: binary tree 24 (the nearest common ancestor of binary tree)
2022 polymerization process test question simulation test question bank and online simulation test
云检测2020:用于高分辨率遥感图像中云检测的自注意力生成对抗网络Self-Attentive Generative Adversarial Network for Cloud Detection
JS中为什么基础数据类型可以调用方法
@What is the difference between resource and @autowired?