点击按钮实现table的隐藏缩放?

依依雨柔
  • 233

clipboard.png
想点击“查看更多”将未显示完全的table的信息给显示出来,且文字变成“收起”,当点击“收起”时,则收缩table内容回上图?

回复
阅读 2.1k
3 个回答

如果数据都是提前加载好的话,只是通过这个按钮控制更多数据的显示的话,目前有两个思路。

  1. 控制数据区域的高度,初始状态下只显示高度的一部分,点击查看更多,显示完整高度,展示完整数据
  2. 将多余数据放在一个相邻的div里,点击查看更多显示,再点击隐藏。
btn.onclick = function(){
    if(table.style.display == "block"){
        table.style.display = "none";
    }else{
        table.style.display = "block";
    }
}

clipboard.png
加入display:block变成这个样子

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏