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>
相关推荐
pas136几秒前
42-mini-vue 实现 transform 功能
前端·javascript·vue.js
你的代码我的心28 分钟前
微信开发者工具开发网页,不支持tailwindcss v4怎么办?
开发语言·javascript·ecmascript
esmap28 分钟前
OpenClaw与ESMAP AOA定位系统融合技术分析
前端·人工智能·计算机视觉·3d·ai·js
毕设源码-钟学长35 分钟前
【开题答辩全过程】以 基于node.js vue的点餐系统的设计与实现为例,包含答辩的问题和答案
前端·vue.js·node.js
努力d小白36 分钟前
leetcode438.找到字符串中所有字母异位词
java·javascript·算法
小白路过38 分钟前
记录vue-cli-service serve启动本地服务卡住问题
前端·javascript·vue.js
We་ct42 分钟前
LeetCode 1. 两数之和:两种高效解法(双指针 + Map)
前端·算法·leetcode·typescript·哈希算法
LYFlied1 小时前
边缘智能:下一代前端体验的技术基石
前端·人工智能·ai·大模型
1024小神1 小时前
用css的clip-path裁剪不规则形状的图片展示
前端·css
铅笔侠_小龙虾1 小时前
Flutter 组件层级关系
前端·flutter·servlet