iview 动态调整表格密度和表格列数据表头展示

紫微前端

于 2021-04-28 10:52:55 发布

阅读量4.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：常用代码片段

本文链接：https://blog.csdn.net/liuhao9999/article/details/116228974

常用代码片段专栏收录该内容

168 篇文章 ¥39.90 ¥99.00

订阅专栏

本文介绍了如何在iview框架中实现表格密度的动态调整，包括紧凑型、正常型和舒适型，以及如何自定义表格列数据的表头展示，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
    <div class="workplace">
        <div class="search">
            <div style="left:0px;top:0px;width:100%;background:white;padding:10px" :style="{position:position,height:height,'z-index':zIndex}">
                <Form ref="formInline" :model="formInline" :rules="ruleInline" :label-width="80" inline>
                    <FormItem prop="user" label="用户名">
                        <Input type="text" v-model="formInline.user" placeholder="请输入用户名" />
                    </FormItem>
                    <FormItem prop="password" label="手机号">
                        <Input type="text" v-model="formInline.password" placeholder="手机号" />
                    </FormItem>

了解本专栏