美文网首页
关于折叠与展开显示数据

关于折叠与展开显示数据

作者: 自律财富自由 | 来源:发表于2018-12-06 21:14 被阅读0次

项目中经常会在数据列比较多的时候,一开始显示一条数据(比如订单信息列表),用户点击展开的时候,再显示所有的数据。

如果用css控制的话,可能就是加一个固定高度 + overflow:hidden,在点展开的时候再把高度设置为auto。
这样做的话, 当内容过多或者过少时,都得不到我们想要的结果。是不可控的。

解决办法:

一开始的时候,只显示返回数据的第一条,当点击展开的时候再显示所有的数据。

相关文章

  • 关于折叠与展开显示数据

    项目中经常会在数据列比较多的时候,一开始显示一条数据(比如订单信息列表),用户点击展开的时候,再显示所有的数据。 ...

  • 展开与折叠

    经过动手操作,我发现如下情况: 一、附页图1中长方体的1和6面相对,2和4面相对,3和5面相对;正方体的1和5...

  • 展开与折叠

  • 展开与折叠

    今天,我们用数学书上给的展开图,做了长方体和正方体,有些展开雨可以做成长方体或正方体,有些则不行。 那是因为有些的...

  • 展开与折叠

    符合折叠条件的已经折叠完成。但还有四个展开图,由于不符合折叠条件而拼不成长方体和正方体。 其中有两个展开图不符...

  • Android-Webview根据内容做折叠效果,如果太长则显示

    主要是为了显示Webview高度折叠,如果大于600,则显示600,点击展开全部,再展开!如果小于600, 则按照...

  • collapse

    html js手动隐藏和展开 .collapse('show'):显示可折叠元素.collapse('toggle...

  • 折叠展开

    早上阅读了最近很火的《北京折叠》,文章不长,很快读完,中间有很多的描写还是跳过的,因为不是精读,因此很多细节并不清...

  • Flutter代码的一些快捷键

    折叠部分代码: ⌘ + -展开部分代码: ⌘ + +折叠全部代码: ⌘ + ⇧ + -展开全部代码: ⌘ + ⇧ ...

  • TableView折叠(展开与收起)

    前言:tableView的折叠效果在很多场景上都会使用,类似QQ联系人;下面我们通过对数据模型灵活运用来实现这一功...

网友评论

      本文标题:关于折叠与展开显示数据

      本文链接:https://www.haomeiwen.com/subject/joeacqtx.html