最新消息:你必须穷尽一生磨练技能,这就是成功的秘诀,也是让人家敬重的关键。

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

未分类 练小习 1评论

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

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

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

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

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (1)

  1. 😛
    娜娜1个月前 (12-05)回复