当前位置:网站首页>将数学公式在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": "总分计算公式"
}
],
边栏推荐
- 关于 appium 启动 app 后闪退的问题 - (已解决)
- 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
- Practical example of propeller easydl: automatic scratch recognition of industrial parts
- leecode3. 无重复字符的最长子串
- 详解ThinkPHP支持的URL模式有四种普通模式、PATHINFO、REWRITE和兼容模式
- Grep of three swordsmen in text processing
- Common text processing tools
- Users, groups, and permissions
- - Oui. Migration entièrement automatisée de la Sous - base de données des tableaux d'effets sous net
- Four functions of opencv
猜你喜欢
智云健康上市:市值150亿港元 SIG经纬与京新基金是股东
【无标题】
Practical example of propeller easydl: automatic scratch recognition of industrial parts
HZOJ #240. Graphic printing IV
Importance of database security
明星企业普渡科技大裁员:曾募资超10亿 腾讯红杉是股东
《开源圆桌派》第十一期“冰与火之歌”——如何平衡开源与安全间的天然矛盾?
处理链中断后如何继续/子链出错removed from scheduling
ISPRS2021/遥感影像云检测:一种地理信息驱动的方法和一种新的大规模遥感云/雪检测数据集
Image pixel read / write operation
随机推荐
人均瑞数系列,瑞数 4 代 JS 逆向分析
Conversion from non partitioned table to partitioned table and precautions
test
How does MySQL create, delete, and view indexes?
. Net ultimate productivity of efcore sub table sub database fully automated migration codefirst
Blog recommendation | Apache pulsar cross regional replication scheme selection practice
如何让electorn打开的新窗口在window任务栏上面
高瓴投的澳斯康生物冲刺科创板:年营收4.5亿 丢掉与康希诺合作
学习突围2 - 关于高效学习的方法
How to reset Firefox browser
[difficult and miscellaneous]pip running suddenly appears modulenotfounderror: no module named 'pip‘
在字符串中查找id值MySQL
基于鲲鹏原生安全,打造安全可信的计算平台
Session
Layer pop-up layer closing problem
HZOJ #240. 图形打印四
【Presto Profile系列】Timeline使用
[learn microservice from 0] [01] what is microservice
PHP调用纯真IP数据库返回具体地址
DrawerLayout禁止侧滑显示