当前位置:网站首页>将数学公式在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经纬与京新基金是股东
- Leetcode skimming: binary tree 22 (minimum absolute difference of binary search tree)
- Leetcode skimming: binary tree 27 (delete nodes in the binary search tree)
- AUTOCAD——大于180度的角度标注、CAD直径符号怎么输入?
- [untitled]
- HZOJ #235. Recursive implementation of exponential enumeration
- Layer pop-up layer closing problem
- xshell评估期已过怎么办
- Adopt a cow to sprint A shares: it plans to raise 1.85 billion yuan, and Xu Xiaobo holds nearly 40%
- Cookie and session comparison
猜你喜欢
Coscon'22 community convening order is coming! Open the world, invite all communities to embrace open source and open a new world~
Sample chapter of "uncover the secrets of asp.net core 6 framework" [200 pages /5 chapters]
Leetcode brush questions: binary tree 19 (merge binary tree)
红杉中国完成新一期90亿美元基金募集
3D content generation based on nerf
Blog recommendation | Apache pulsar cross regional replication scheme selection practice
云检测2020:用于高分辨率遥感图像中云检测的自注意力生成对抗网络Self-Attentive Generative Adversarial Network for Cloud Detection
DHCP 动态主机设置协议 分析
Leetcode skimming: binary tree 21 (verifying binary search tree)
Star Enterprise Purdue technology layoffs: Tencent Sequoia was a shareholder who raised more than 1billion
随机推荐
Cookie
Awk of three swordsmen in text processing
Smart cloud health listed: with a market value of HK $15billion, SIG Jingwei and Jingxin fund are shareholders
Leetcode skimming: binary tree 22 (minimum absolute difference of binary search tree)
DrawerLayout禁止侧滑显示
ORACLE进阶(五)SCHEMA解惑
[crawler] avoid script detection when using selenium
@Resource和@Autowired的区别?
layer弹出层的关闭问题
test
Cmu15445 (fall 2019) project 2 - hash table details
JS中为什么基础数据类型可以调用方法
Aosikang biological sprint scientific innovation board of Hillhouse Investment: annual revenue of 450million yuan, lost cooperation with kangxinuo
【无标题】
Importance of database security
学习突围2 - 关于高效学习的方法
[learn wechat from 0] [00] Course Overview
Day26 IP query items
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
Visual stdio 2017 about the environment configuration of opencv4.1