当前位置:网站首页>将数学公式在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": "总分计算公式"
}
],
边栏推荐
猜你喜欢
滑轨步进电机调试(全国海洋航行器大赛)(STM32主控)
处理链中断后如何继续/子链出错removed from scheduling
Leetcode skimming: binary tree 22 (minimum absolute difference of binary search tree)
认养一头牛冲刺A股:拟募资18.5亿 徐晓波持股近40%
Leetcode brush questions: binary tree 19 (merge binary tree)
【无标题】
Leetcode skimming: binary tree 20 (search in binary search tree)
博文推荐|Apache Pulsar 跨地域复制方案选型实践
Master formula. (used to calculate the time complexity of recursion.)
ACL 2022 | small sample ner of sequence annotation: dual tower Bert model integrating tag semantics
随机推荐
Enterprise custom form engine solution (XII) -- experience code directory structure
Design and implementation of communication protocol
红杉中国完成新一期90亿美元基金募集
2022 examination questions and online simulation examination for safety production management personnel of hazardous chemical production units
[binary tree] delete points to form a forest
. Net ultimate productivity of efcore sub table sub database fully automated migration codefirst
[learn microservice from 0] [01] what is microservice
Talk about four cluster schemes of redis cache, and their advantages and disadvantages
[difficult and miscellaneous]pip running suddenly appears modulenotfounderror: no module named 'pip‘
JNA学习笔记一:概念
MySQL master-slave replication
How to continue after handling chain interruption / sub chain error removed from scheduling
What if the xshell evaluation period has expired
Initialization script
达晨与小米投的凌云光上市:市值153亿 为机器植入眼睛和大脑
The URL modes supported by ThinkPHP include four common modes, pathinfo, rewrite and compatibility modes
Differences between MySQL storage engine MyISAM and InnoDB
Grep of three swordsmen in text processing
Sample chapter of "uncover the secrets of asp.net core 6 framework" [200 pages /5 chapters]
.Net下极限生产力之efcore分表分库全自动化迁移CodeFirst