el-table-column 固定高度
时间: 2023-10-14 09:08:49 浏览: 51
你可以通过设置 `height` 属性来固定 `el-table-column` 的高度,例如:
```html
<el-table-column prop="name" label="姓名" :height="50"></el-table-column>
```
这将会设置该列的高度为 50 像素。另外,你也可以通过 CSS 来设置该列的高度,例如:
```css
.el-table-column--name {
height: 50px;
}
```
这将会为 `el-table-column` 中 `prop` 为 `name` 的列设置高度为 50 像素。
相关问题
el-table-column设置固定宽度
在ElementUI的el-table组件中,可以通过el-table-column组件设置表格列的宽度。要设置固定宽度,可以使用width属性,该属性接受一个字符串或数字类型的值,表示列的宽度。例如:
```
<el-table :data="tableData">
<el-table-column prop="name" label="姓名" width="100"></el-table-column>
<el-table-column prop="age" label="年龄" width="80"></el-table-column>
<el-table-column prop="address" label="地址" width="200"></el-table-column>
</el-table>
```
在上述代码中,每个列的宽度都被设置为固定值。你也可以将width属性设置为百分比值来实现自适应宽度。
固定el-table-column高度
要固定el-table-column的高度,您可以使用CSS的height属性。您可以将以下样式添加到您的CSS文件中:
.el-table-column {
height: 50px; /* 设置您想要的高度 */
}
或者,您可以在el-table-column组件中使用style属性来设置高度,如下所示:
<el-table-column
prop="name"
label="Name"
:style="{ height: '50px' }"
></el-table-column>