el-table-column 变蓝属性
时间: 2023-08-02 15:12:11 浏览: 239
要将 el-table-column 变成蓝色,可以使用 CSS 样式来实现。我们可以通过以下方式来设置:
```css
.el-table th.is-center {
background-color: blue;
}
```
其中,`.el-table` 是 el-table 组件的 class,`.is-center` 是 el-table-column 的属性之一,代表该列中的内容居中显示。我们将这个属性与 `th` 标签结合起来,就可以对该列进行样式设置。
请注意,这样的样式设置会影响到所有带有 `.is-center` 属性的 el-table-column,如果只想对特定的表格进行样式设置,可以在表格的父元素上添加一个自定义的 class,然后在 CSS 中使用该 class 限制样式作用范围,例如:
```css
.my-table .el-table th.is-center {
background-color: blue;
}
```
这样,只有带有 `.my-table` class 的 el-table 组件中的带有 `.is-center` 属性的列才会被设置成蓝色背景。
相关问题
el-table el-column selection disable
要禁用 Element UI 中的表格(el-table)中的某个列(el-column)的选择功能,可以在该列的配置中添加一个 `type` 属性,并将其设置为 `"selection-disabled"` 。示例如下:
```
<el-table :data="tableData">
<el-table-column type="selection"></el-table-column>
<el-table-column prop="name" label="Name"></el-table-column>
<el-table-column prop="age" label="Age"></el-table-column>
<el-table-column type="selection-disabled" label="Disable Selection"></el-table-column>
</el-table>
```
在上面的示例中,第三个列被设置为 `type="selection-disabled"` ,这样就禁用了该列的选择功能。
el-table-column 冻结属性
根据提供的引用内容,没有找到关于el-table-column冻结属性的具体信息。不过,el-table组件本身是支持列冻结的,可以通过设置fixed属性来实现。例如,将第一列固定在左侧,可以这样写:
```html
<el-table :data="tableData" style="width: 100%">
<el-table-column fixed="left" prop="date" label="日期"></el-table-column>
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
```
其中,fixed="left"表示将该列固定在左侧,fixed="right"则表示将该列固定在右侧。
阅读全文