最终用了slickGrid来做这个.pinpoint用的同款
官网地址:https://github.com/mleibman/SlickGrid/wiki/Examples
链接:[slickGrid gitHub地址]
(https://github.com/mleibman/SlickGrid/wiki/Examples)
树形结构的例子:树形结构的官方例子
代码:
引入依赖包:
// jquery.event.drag-2.2.js 依赖jQuery 1.7 版本
<script type="text/javascript" src="js/jquery/jquery-1.7.min.js"></script>
<script type="text/javascript" src="/js/jqueryui/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="js/slickGrid/jquery.event.drag-2.2.js"></script>
// - 需要什么功能,引入js模块
<script type="text/javascript" src="js/slickGrid/slick.core.js"></script>
// 点击选中行的事件需要的三个js,不是tree必须的
<script type="text/javascript" src="js/slickGrid/slick.cellrangeselector.js"></script>
<script type="text/javascript" src="js/slickGrid/slick.cellselectionmodel.js"></script>
<script type="text/javascript" src="js/slickGrid/slick.rowselectionmodel.js"></script>
<script type="text/javascript" src="js/slickGrid/slick.grid.js"></script>
<script type="text/javascript" src="js/slickGrid/slick.dataview.js"></script>
// 放treeTable的盒子
<table id="treeTable" style="width:100%;height:550px