网格内可重新排列,可拖动,可排序的div

时间:2016-03-31 14:02:56

标签: javascript css layout frameworks grid

因此,请考虑一个仪表板视图,其中包含不同的div,可以说是文本块。我希望客户端(用户)能够在X by Y网格系统中重新排列它们。

我知道如何实现这一目标,但我主要是在寻找能够做到这一点的库或特定框架。有人知道任何构建的解决方案吗?

我不关心css框架bootstrap等我可以使用它们中的任何一个。

3 个答案:

答案 0 :(得分:2)

我认为React JS很适合这个。

开始排序的链接: http://webcloud.se/sortable-list-component-react-js/

链接以开始拖动: https://github.com/mzabriskie/react-draggable

更新:

这似乎正是您所寻找的:https://github.com/STRML/react-grid-layout

答案 1 :(得分:1)

这样的东西?

jQuery Sortable UI: https://jqueryui.com/resources/demos/sortable/display-grid.html

答案 2 :(得分:0)

除了土耳其人的快速回答之外。还有更多选项,例如http://packery.metafizzy.cohttp://gridster.net