<el-table-column label="当日发送目标数">的label怎么才能不换行
时间: 2024-03-02 13:48:01 浏览: 19
你可以使用 CSS 的 `white-space` 属性来控制标签文本的换行行为。将该属性设置为 `nowrap` 可以禁止标签文本换行,具体的代码示例如下:
```html
<el-table-column :label="`当日发送目标数`" style="white-space: nowrap;"></el-table-column>
```
这样设置后,无论标签文本有多长,都不会换行。
相关问题
<el-table-column label="当日发送目标数">的label怎么才能不换行,且不要省略号
你可以使用 CSS 的 `white-space` 属性来控制标签文本的换行行为,同时使用 `text-overflow` 属性来控制文本溢出时的显示效果。将 `white-space` 设置为 `nowrap` 可以禁止标签文本换行,将 `text-overflow` 设置为 `unset` 可以取消默认的省略号显示效果,具体的代码示例如下:
```html
<el-table-column :label="`当日发送目标数`" style="white-space: nowrap; text-overflow: unset;"></el-table-column>
```
这样设置后,标签文本不会换行,也不会出现省略号。
<el-table-column prop=qymc label=企业名称></el-table-column>怎么给qymc赋值
您可以使用 Vue.js 框架中的数据绑定语法将 qymc 的值绑定在您的数据中,如下所示:
```html
<template>
<div>
<el-table :data="tableData">
<el-table-column prop="qymc" label="企业名称"></el-table-column>
</el-table>
</div>
</template>
<script>
export default {
data() {
return {
tableData: [
{
qymc: 'ABC公司'
},
{
qymc: 'XYZ公司'
}
]
};
}
};
</script>
```
在上面的例子中,我们将 `tableData` 数组中的每个对象的 `qymc` 属性绑定到了 `el-table-column` 组件中的 `prop` 属性,这样就可以在表格中显示出企业名称的值了。