当前位置:网站首页>将数学公式在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": "总分计算公式"
}
],
边栏推荐
猜你喜欢

智云健康上市:市值150亿港元 SIG经纬与京新基金是股东

Sequoia China completed the new phase of $9billion fund raising

基于鲲鹏原生安全,打造安全可信的计算平台

About the problem of APP flash back after appium starts the app - (solved)

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

为租客提供帮助

Leetcode skimming: binary tree 22 (minimum absolute difference of binary search tree)

处理链中断后如何继续/子链出错removed from scheduling
![[untitled]](/img/6c/df2ebb3e39d1e47b8dd74cfdddbb06.gif)
[untitled]

飞桨EasyDL实操范例:工业零件划痕自动识别
随机推荐
.Net下极限生产力之efcore分表分库全自动化迁移CodeFirst
Leetcode skimming: binary tree 22 (minimum absolute difference of binary search tree)
谷歌浏览器如何重置?谷歌浏览器恢复默认设置?
Query whether a field has an index with MySQL
如何让electorn打开的新窗口在window任务栏上面
How to apply @transactional transaction annotation to perfection?
. Net ultimate productivity of efcore sub table sub database fully automated migration codefirst
regular expression
Session
API query interface for free mobile phone number ownership
Leetcode skimming: binary tree 21 (verifying binary search tree)
详细介绍六种开源协议(程序员须知)
ip2long与long2IP 分析
test
Practical case: using MYCAT to realize read-write separation of MySQL
Blog recommendation | Apache pulsar cross regional replication scheme selection practice
Day21 multithreading
DHCP 动态主机设置协议 分析
Layer pop-up layer closing problem
test