08学生信息组件-中间信息显示

导入测试数据

组件代码

<el-table :data="students" style="width: 100%">
            <el-table-column type="selection"></el-table-column>
            <el-table-column type="index" label="序号" width="90px" text-align="center"></el-table-column>
            <el-table-column prop="sno" label="学号" width="160px" text-align="center"></el-table-column>
            <el-table-column prop="name" label="学号" width="160px" text-align="center"></el-table-column>
            <el-table-column prop="gender" label="性别" width="120px" text-align="center"></el-table-column>
            <el-table-column prop="birthday" label="生日" width="200px" text-align="center"></el-table-column>
            <el-table-column prop="mobile" label="电话" width="240px" text-align="center"></el-table-column>
            <el-table-column prop="email" label="邮箱" width="240px" text-align="center"></el-table-column>
            <el-table-column prop="address" label="地址" width="400px" text-align="center"></el-table-column>
            <el-table-column label="操作" text-align="center">
                <el-button type="success" icon="el-icon-check" circle></el-button>
                <el-button type="primary" icon="el-icon-edit" circle></el-button>
                <el-button type="danger" icon="el-icon-delete" circle></el-button>
            </el-table-column>

        </el-table>

效果