使用jQuery树呈现组织数据的最佳方法

在如何渲染数据方面，我有点拘泥于我的设计布局。情况如下：

有不同的部门，每个部门都有不同的员工。现在每个部门都可以有下属部门，员工在下属部门工作

我需要在html页面上显示整个布局，最好使用jQuery树或其他东西。我的想法类似于树状结构，部门以如下分层格式显示：

Dept A
 - Dept A.1
   - Dept A.1.1
   - Dept A.1.2
 - Dept A.2
   - Dept A.2.1
     - Dept A.2.1.1

现在我还需要显示每个部门下的员工，并提供从一个部门到另一个部门的拖动功能。这就是我一直坚持的设计，如何在html页面中以适当的方式描述它

---

有人能帮我一下吗？非常感谢

在Javascript中创建一个对象部门，它包含一个名称数组和一个子部门数组，并在需要时将一个对象插入到对象中，然后您可以遍历该对象，直到没有任何东西可以遍历。

从技术角度看，我对需要做的任何事情都没有意见。我感到困惑的是布局，比如什么是在屏幕上显示所有这些信息的最佳方式，并且能够提供所有功能。比如我可以在哪里展示员工。