iview中使用grid栅格布局
在后台开发中使用栅格布局在一些情况下是很舒服了的,比如利用栅格来打造table的效果,实现左侧是标题右侧是值得表格
title | value | title | value | title | value |
---|---|---|---|---|---|
title | val | title | val | title | value |
title | val | title | val | title | value |
title | val | title | val | title | value |
利用栅格是非常好实现的
由于<Row></Row>
一行是24格,所以满24格就会自动换行,依据这个条件可以将title设置为span="3"
,将value这个这个列的宽度设置为span="5"
,这样实现了栅格做表格了
设置这些表格内容可以直接在<Row>
上设置,例如布局方式,左右居中,垂直居中
<Row type="flex" justify="cneter" align="middle" class-name="row">