1. 首页
  2. web前端

表格列的hover状态与选中状态

组织表格列的交互状态一直是很头疼的事情,他不像行那样有天然的tr包裹可控,只有一个虚无缥缈的col元素可以操作,而且原生的col样式在操作的时候也是有各种坑。
在做表格的列的hover效果的时候,尝试了控制col用纯css,最终因为各种bug放弃,最终无奈只好用js来实现。
要实现的效果如demo:
矛盾点:单元格高度联动,border的实现

提示:你可以先修改部分代码再运行。

有这方面经验的大牛们指教,出一个纯css的思路,感谢…..

转载请注明:练小习的前端技术笔记 » 表格列的hover状态与选中状态

原创文章,作者:gxk

本文来自投稿,不代表 怪小克 立场,如若转载,请注明出处:https://wangchaoke.cn/?p=977

本站发布的内容若侵犯到您的权益,请邮件联系 860095347@qq.com 删除,我们将及时处理!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

860-095-347

在线咨询:点击这里给我发消息

邮件:860095347@@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code