VUE-设置同一页面下各个表占比大小

el-col 属性:

span 栅格占据的列数 用作等比例划分

span属性的布局调整,一共分为24栏,也就是说span的值为24,则占用了一整行

 

demo: 如图所示,两个el-col标签内包含el_table标签,占比大小分别是18和6 (18 + 6 == 24)

 结果如图所示:

将展示比例进行调整,以 22 和 2 为例子 (22 + 2 == 24)

 调整以后结果展示:

 

posted @ 2024-10-16 16:42  skystrivegao  阅读(0)  评论(0编辑  收藏  举报