elementui 响应式（element-ui 表格元素映射渲染、即 传数字，渲染名称）
本文目录
element-ui 表格元素映射渲染、即 传数字，渲染名称
方法一：插槽
方式二：table表格自带的:formatter属性进行格式化
本身自带，值和显示的值是响应式关系
响应式布局项目修改el-header与el-footer的高度值
最近项目使用element ui的响应式布局, 其中el-header与el-footer的高度在不同设备不能自适应调整，于是想手工调整，试了无数个css方法竟然不行：
(注：在el-header上有height属性，可以设置高度，本文讲的是用css方法设置）
其中el-main可以设定高度，为什么el-header与el-footer就不行呢？这个问题折腾了我大半天，在F12下查看样式，原来有一个element.style, 据说这种样式往往用js动态设置的，如下：
这个样式即使用/deep/也覆盖不了, 但用important的方式可以进行修改，如下：
另外，附上不同设备宽度下的样式切换方法：
响应式前端框架有哪些
Twitter BootStrap （Apache v2.0；响应式）
时髦、直观并且强大的前端框架，让Web开发变得更加容易。
2. Foundation （MIT；响应式）
最先进的响应式前端框架。
3. 960gs（GPL&MIT；响应式）
960gs提供了一个简单的网格系统，适合快速开发。
4. Skeleton（MIT；响应式）
非常漂亮的Web模板，适合响应式、移动友好的开发。
5. 99lime HTML KickStart（Free）
适合网站快速开发的极简HTML构建模块。
6. Kube（Free；响应式）
面向专业人员的CSS框架。
7. Less Framework（MIT；响应式）
自适应的CSS网格系统。
8. Flameinwork（Free）
适合懒人开发者的前端微框架。
9. G5 Framework（Free）
(x)HTML5、CSS、PHP前端开发框架。
10. Easy Framework（Free）
Easy Framework是一个一体化前端解决方案，分structural、 presentational、interactive三层。
11. Blueprint（Free）
一个旨在减少开发时间的前端框架。
12. YAML（Creative Commons）
(x)HTML+CSS框架，适合开发现代化浮动布局。
13. BlueTrip（Free）
一个功能全面、并且美丽的CSS框架，适合于Blueprint搭配使用。
14. YUI3:Grids CSS（BSD）
YUI Grids CSS是最著名的CSS框架之一，是由Yahoo开发小组开发而成。 YUI Grids CSS为开发者提供了预先设置的四种不同页面宽度，六种不同的模板。
15. 52framework（Creative Commons）
对HTML5支持非常好，简单易用。
16. elastiCSS（MIT）
一个基于Web接口和印刷布局的简单CSS框架。
17. Emastic（Free）
一个与众不同的CSS框架。
18. Fluid 960 Gride System（GPL/MIT）
Fluid 960 Grid System的模版是根据Nathan Smith之前的作品而创建的。即960 Grid System：传承了MooTools和jQuery JavaScript libraries的效果。
19. xCSS（MIT）
一个面向对象的CSS框架，能让你的工作流更加简洁。xCSS基于CSS，可以在开发复杂样式时，提供面向对象的工作流。
20. EM CSS Framework（MIT/GPL）
EM CSS Framework提供了一个960px宽 + 12 列网格系统 + CSS的通用样式。21.Ant Design
22.Element UI
更多文章：
spring事务的作用（为什么要使用spring的事务，一般在什么情况下使用）
2026年10月14日 05:40
2026年10月14日 04:50
linux怎么进入命令行（怎么样配置linux使其启动时直接登录到命令行模式）
2026年10月14日 02:00
java培训机构好还是大学好（大学生想转行学java，该去java培训班还是自学呢）
2026年10月13日 23:30
2026年10月13日 19:10
2026年10月13日 19:00
前端面试必背十个点（资深HR揭秘：Web前端面试技巧有哪些）
2026年10月13日 17:50
sqlplus重置用户名密码（Oracle中的plus的用户名和密码忘了怎么办）
2026年10月13日 17:40
echarts怎么读英语（echarts怎么设置数据自动排序）
2026年10月13日 17:10
叩丁狼前端培训怎么样（H5前端自学了一段时间有一些基础，接下来想学深一点去叩丁狼培训怎么样）
2026年10月13日 16:40
