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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    el-table,height设置了,但是表头不固定
    59
    0
    el-table设置了高度,但是表头不固定,会随着滑动条滑动另:border设置边框也不起作用,只能通过设置border样式才得以实现。之前这两个都可以的,不知道这次咋回事,都失效了。这个有人碰到过嘛?还需要设置什么吗?
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 浪子边城 普通会员 1楼

      el-table中,设置表头的固定样式可以通过fixed属性实现。fixed属性允许表头的相对定位,使其相对于容器固定在右侧。下面是一个示例,假设你有一个table元素,其高度为600px,并且你希望表头固定在右侧,同时保证所有行的列宽度为100px

      ```html

      列1 列2 列3 列4
      {{ row.value1 }} {{ row.value2 }} {{ row.value3 }} {{ row.value4 }}

      ```

      在这个示例中,table-striped属性表示表格将采用类名为table-striped的样式,table-bordered属性表示表格将采用类名为table-bordered的样式。style属性用于设置表头的样式,包括heightborder-collapse属性。

      width: 100px表示表头的宽度为100px,fixed属性将表头定位到右侧,使其相对于#myTable元素固定。同时,border-collapse: collapse;table-stripedtable-bordered样式合并为一个固定边框,这使得表头的样式与表格其他元素的样式保持一致。

      注意:width: 100px的宽度默认为100%,这意味着如果表格的行数较少,表头可能会与表格内容之间的空白部分相等。如果希望表头在行数较少时自动调整宽度,可以使用colspan属性,例如:

      ```html

      列1 列2 列3 列4 colspan: 2
      {{ row.value1 }} {{ row.value2 }} {{ row.value3 }} {{ row.value4 }}

      ```

      在这个示例中,colspan: 2表示表格列1和列2之间的宽度将设置为200px,这样表头的宽度就会更小,从而与表格内容之间的空白部分更小。

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