使用非常规网格拖放

Question

我需要你的帮助。我必须实现像图片一样的功能。

我需要从项目列表中取出项目并将其拖动到右侧容器单元格中。此外，当它在网格中的单元格中时，用户可以从网格中删除项目并将其放入项目列表中。此外，当我将项目放在网格上时，它应该将位置更改为位于单元格的中心。 我正在尝试jquery UI，但我无法创建所有功能。你能给我一些建议吗？