jquery treetable树形表格菜单插件如何使用

jQuery TreeTable是一款用于创建交互式树形表格的插件，它允许您将数据组织成树状结构，并提供动态列展开、搜索过滤等功能。以下是基本的使用步骤：

1. **安装及引入**:
首先，你需要在HTML文件中通过CDN或下载文件的方式引入jQuery库和TreeTable插件。例如：

   <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
   <link rel="stylesheet" href="path/to/treetable.css">
   <script src="path/to/treeTable.min.js"></script>

2. **初始化插件**:
创建一个表格元素，然后调用`treeTable()`函数初始化插件，通常会传递配置选项，如数据源、默认展开项等：

   $('#your-tree-table-id').treeTable({
       data: yourDataArray, // 树状数据数组
       initialState: 'expanded', // 初始状态（collapsed或expanded）
       columns: [...], // 列定义列表
       initialStateNode: 'your-node-id' // 如果有预设展开的节点ID
   });

3. **数据结构**:
数据应该是一个包含父子关系的对象数组，每个对象通常至少需要两个属性：`id`表示唯一标识，`text`表示显示的文本，以及可能的`parent`属性指向上一级节点的`id`。

4. **事件处理**:
插件提供了各种自定义事件，如节点加载完成、行点击等，你可以监听这些事件来添加额外的功能。

$('#your-tree-table-id').on('nodeExpanded', function(event, node) {
    console.log('Node with id: ' + node.id + ' has been expanded');
});