VUE table 列宽度百分比自适应

由于原来项目中前台列表页面使用具体数值的列的宽度，有的电脑分辨率问题造成最右侧的需要拉滚动条，考虑到使用更简单合理，改成百分比。原代码：<el-table-column label="订单编号" width="170">现代码：<el-table-column label="操作" min-width="8.19%">转载于:https://www.cn...

weixin_33726318

18244人浏览 · 2019-01-10 13:41:00

weixin_33726318 · 2019-01-10 13:41:00 发布

由于原来项目中前台列表页面使用具体数值的列的宽度，有的电脑分辨率问题造成最右侧的需要拉滚动条，考虑到使用更简单合理，改成百分比。

原代码：<el-table-column label="订单编号" width="170">

现代码： <el-table-column label="操作" min-width="8.19%">

转载于:https://www.cnblogs.com/vectorear/p/10249527.html

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^