ElementUI table的设置成Excel表格效果

实现效果代码最重要的部分

javascript 复制代码
 <el-table
                :data="Commision"
                border
                :row-style="{height: '0'}"
                :cell-style="{padding: '0' ,lineHeight: '0'}"
                :header-cell-style="{
                padding: '0',
		        height: '0',
		        ineHeight: '0'

        }"
        >
javascript 复制代码
<el-col :span="11">
            <el-table
                :data="Commision"
                border
                :row-style="{height: '0'}"
                :cell-style="{padding: '0' ,lineHeight: '0'}"
                :header-cell-style="{
                padding: '0',
		        height: '0',
		        ineHeight: '0'

        }"

                style="width: 70%;">
                 <el-table-column
                  label="FOB or LANDED"
                  width="180"
                  height="50px"
              >
                <template slot-scope="scope">

                  <el-radio v-model="radio" :label="scope.row.type" style="font-size: 8px"></el-radio>

                </template>

              </el-table-column>
                </el-table>
相关推荐
后台模板学习22 分钟前
从0到1用Vite构建电商订单系统前端性能优化方案
前端
Wang's Blog22 分钟前
Vibe Coding一人即团队系列58: HTML演示文稿自动生成
前端·人工智能·html
FoldWinCard38 分钟前
基于k8s高可用web集群
前端·容器·kubernetes
神探小白牙39 分钟前
海康视频在vue2.0中的使用
前端·音视频
Tanjia_kiki1 小时前
谷歌浏览器中F12编辑并重发请求
开发语言·前端·javascript
honkun61 小时前
vue 表格组件 vxe-table 实现拖拽列字段自动生成透视表汇总
前端·javascript·vue.js
新中地GIS开发老师1 小时前
WebGIS开发入门 | 从 Web 开发到地图开发,差别在哪儿?
前端·vue·webgis
IMPYLH1 小时前
HTML 的 <p> 元素
前端·javascript·html
leoZ2311 小时前
第 4 篇:布局骨架——页面壳、栅格、卡片
前端·javascript·vue.js·opencv·计算机视觉·数据挖掘·语音识别