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>
相关推荐
智能化咨询15 分钟前
【Linux】【实战向】Linux 进程替换避坑指南:从理解 bash 阻塞等待,到亲手实现能执行 ls/cd 的 Shell
前端·chrome
Anson Jiang18 分钟前
浏览器标签页管理:使用chrome.tabs API实现新建、切换、抓取内容——Chrome插件开发从入门到精通系列教程06
开发语言·前端·javascript·chrome·ecmascript·chrome devtools·chrome插件
掘金安东尼21 分钟前
黑客劫持:周下载量超20+亿的NPM包被攻击
前端·javascript·面试
剑亦未配妥1 小时前
移动端触摸事件与鼠标事件的触发机制详解
前端·javascript
人工智能训练师7 小时前
Ubuntu22.04如何安装新版本的Node.js和npm
linux·运维·前端·人工智能·ubuntu·npm·node.js
Seveny077 小时前
pnpm相对于npm,yarn的优势
前端·npm·node.js
yddddddy8 小时前
css的基本知识
前端·css
昔人'8 小时前
css `lh`单位
前端·css
前端君9 小时前
实现最大异步并发执行队列
javascript
Nan_Shu_61410 小时前
Web前端面试题(2)
前端