账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    请问各位大佬一个问题:element el-table-column 设置宽度不生效,谢谢解答!
    43
    0
    <el-table :data="tableData" style="width: 100%" ref="multipleTable" v-perfect-scrollbar :header-cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }" @selection-change="handleSelectionChange" > <el-table-column fixed type="selection" width="55" /> <el-table-column fixed prop="date" label="ID"/> <el-table-column fixed prop="name" label="商家名称" width="255" /> <el-table-column prop="province" label="发货时长(h)" width="255"> <el-table-column prop="province" label="发货时长(h)" /> <el-table-column prop="province" label="排名" /> </el-table-column>
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 孤舟蓑笠翁 普通会员 1楼

      在Element UI中,el-table-column设置宽度不生效的原因可能有以下几种:

      1. 配置问题:确保在el-table-column的父元素中设置了width属性,如果没有设置,需要添加。

      html <el-table-column :key="columnKey" width="180"> <!-- column content --> </el-table-column>

      1. 配置行边距:设置单元格的行边距会影响宽度。

      html <el-table-column :key="columnKey" width="180" style="margin-right: 10px;"> <!-- column content --> </el-table-column>

      1. 语法错误:检查设置宽度的CSS样式是否正确,例如百分比需要写成百分比,不能写成除法。

      2. 父元素设置宽度:确保父元素设置了宽度,否则也会导致宽度不生效。

      html <el-table :data="tableData" :cell-style="{width: '180px'}"> <el-table-column :key="columnKey" width="180"> <!-- column content --> </el-table-column> </el-table>

      1. 其他原因:还有可能是表格本身的宽度问题,需要检查表格的宽度设置是否正确。
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部