当前位置:网站首页>将数学公式在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": "总分计算公式"
}
],
边栏推荐
猜你喜欢
如何将 @Transactional 事务注解运用到炉火纯青?
滑轨步进电机调试(全国海洋航行器大赛)(STM32主控)
Leetcode skimming: binary tree 25 (the nearest common ancestor of binary search tree)
高瓴投的澳斯康生物冲刺科创板:年营收4.5亿 丢掉与康希诺合作
Coscon'22 community convening order is coming! Open the world, invite all communities to embrace open source and open a new world~
Adopt a cow to sprint A shares: it plans to raise 1.85 billion yuan, and Xu Xiaobo holds nearly 40%
关于 appium 启动 app 后闪退的问题 - (已解决)
共创软硬件协同生态:Graphcore IPU与百度飞桨的“联合提交”亮相MLPerf
为租客提供帮助
- Oui. Migration entièrement automatisée de la Sous - base de données des tableaux d'effets sous net
随机推荐
Leetcode skimming: binary tree 22 (minimum absolute difference of binary search tree)
免费手机号码归属地API查询接口
Conversion from non partitioned table to partitioned table and precautions
Day-24 UDP, regular expression
regular expression
Ip2long and long2ip analysis
MySQL importing SQL files and common commands
ORACLE进阶(五)SCHEMA解惑
JS中为什么基础数据类型可以调用方法
Lingyunguang of Dachen and Xiaomi investment is listed: the market value is 15.3 billion, and the machine is implanted into the eyes and brain
layer弹出层的关闭问题
认养一头牛冲刺A股:拟募资18.5亿 徐晓波持股近40%
【学习笔记】zkw 线段树
HZOJ #240. Graphic printing IV
用mysql查询某字段是否有索引
2022a special equipment related management (boiler, pressure vessel and pressure pipeline) simulated examination question bank simulated examination platform operation
Practical example of propeller easydl: automatic scratch recognition of industrial parts
ClickHouse(03)ClickHouse怎么安装和部署
Day22 deadlock, thread communication, singleton mode
The difference between cache and buffer