- 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属性用于设置表头的样式,包括height和border-collapse属性。width: 100px表示表头的宽度为100px,fixed属性将表头定位到右侧,使其相对于#myTable元素固定。同时,border-collapse: collapse;将table-striped和table-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,这样表头的宽度就会更小,从而与表格内容之间的空白部分更小。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

