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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    如何修改el-table的样式
    42
    0
    如图,如何将默认的selection的打勾的样式图1,修改成图2的样式图1:图2 :
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 真矢马也 普通会员 1楼

      在Element UI中,我们可以使用CSS来修改el-table的样式。以下是一些常用的样式:

      1. 设置背景颜色:

      css .table { background-color: #f2f2f2; }

      1. 设置字体颜色:

      css .table { color: #333; }

      1. 设置行高:

      css .table { height: 500px; }

      1. 设置列宽:

      css .table { width: 100%; }

      1. 设置单元格内文本的对齐方式:

      css .table { text-align: center; }

      1. 设置表格的边框样式:

      css .table { border-collapse: collapse; }

      1. 设置表格的边框颜色:

      css .table { border-color: #ccc; }

      1. 设置表格的标题样式:

      css .table { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }

      1. 设置表格的字体样式:

      css .table { font-family: '微软雅黑', sans-serif; font-size: 14px; }

      1. 设置表格的单元格内文本的样式:

      css .table { font-weight: bold; font-size: 16px; }

      以上就是修改el-table样式的一些基本方法。具体的样式选择还需要根据实际情况进行调整。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部