Axure高保真教程：树筛选中继器表格

树和表格是信息系统中两个重要的元件，树结构是一种层次化的数据结构，它以树的形式展示数据的层次关系；表格是一种二维结构，由行和列组成。每一行表示一个记录，每一列表示一个属性。在实际应用中，这两种结构常常会结合使用，以满足不同的需求。

所以今天作者就教大家怎么在Axure里制作树结构筛选中继器表格的原型模板，制作完成后我们只需要填写好中继器表格的数据，就可以自动生成交互效果，具体效果如下所示：

一、效果展示

• 点击树节点的箭头可以展开或者收起子节点。
• 点击节点内容可以对右侧表格进行筛选，例如点击广东分公司，就筛选出所有广东分公司的数据，点击广州营业厅，就筛选出广州营业厅的数据。

二、制作教程

这里我们主要分为两个部分，一个是右边的中继器表格，一个是左侧的树结构。

1. 中继器表格的制作

这里我们用中继器来制作表格，主要是因为，如果要实现增删改查这种动态效果的表格，只能用中继器实现，如果用普通的表格原件，就只能做出静态的表格。

主要材料：中继器和矩形，在中继器里放置多个矩形，有几列就放置多少个，如下图所示。