当前位置:网站首页>将数学公式在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": "总分计算公式"
        }
],
原网站

版权声明
本文为[加蓓努力我先飞]所创,转载请带上原文链接,感谢
https://blog.csdn.net/ingenuou_/article/details/125642039