Element UI Form displays multiple columns per row, that is, multiple el-form-item

Element UI Form component usage issues. Each el-form-item has its own line. For administrative app, with a large number of entries, can you display 2 el-form-item per line in each form?

< el-form ref= "form": model= "form" label-width= "80px" >
< el-form-item label= "activity name" >

<el-input v-model="form.name"></el-input>

< / el-form-item >
< / el-form >

Mar.14,2021

<el-row type="flex" class="row-bg">
            <el-col :span="12">
                <el-form-item label="" prop="ep_name">
                    <el-input style="width:16em" v-model="ruleForm.ep_name"></el-input>
                </el-form-item>
            </el-col>
                <el-form-item label="" prop="ep_abbreviation">
                    <el-input style="width:16em" v-model="ruleForm.ep_abbreviation"></el-input>
                </el-form-item>
            </el-row>


1.inline
2.el-row el-col


inline
css:








span12

clipboard.png

Menu