在学习了本文的中继器表格之后，你将会十分完美地解决原生表格组件覆盖不到的功能区。一起来看。

表格应该是我们非常熟悉的一种数据格式了，在实际开发中，它也是作为系统的一个组件之一在各种场景中频繁出现。

在我看来，表格设计在产品原型的中的功能主要有两个：

1. 数据陈列。展示一组（全量）真实数据，方便沟通过程中需求双方对真实业务场景的理解。
2. 数据模拟。作为产品交互组件的一部分，展示结构及交互样式，主要是表现系统原型的统一性及协调性。

AxuerRP为我们提供的表格组件，可以较为效率地解决“数据陈列”问题（兼容一般格式的excel单元格复制粘贴），以及基本满足“数据模拟”中对表格样式及交互的要求，但是在大部分系统的细分场景下面，原生表格组件对“数据模拟”功能的实现略显疲软，如果你只懂的原生组件来做表格，那么你做的表格大概都长这样：

有问题吗？是的，样子虽然简单了点，但问题不大。

但是，如果你遇到了比如以下这两个需求呢？

• 需求1：实现一个横边框的表格。
• 需求2：鼠标悬停表格的某一行，表格整行高亮颜色（或触发其他交互）：

我想，除了拿着矩形在那拼半天，或是在excel制作完贴图，确实也没什么更好的办法了…

看完本篇，你将轻松实现以下效果：

回到正题，总的来说，axure8.0原生表格的使用特点是：

样式/交互的编辑的粒度是单元格，而即使是单元格，样式设计也有很大的局限性（比如不支持部分边框）

我们都知道，表格是一种行列相对固定的数据格式，在日常excel编辑中，我们常常都对数据中的某一行/列，进行编辑，再应用到全局表格中，而在系统原型的使用场景中，我们也常常依赖于对行的样式控制，那么在原生表格覆盖不到的场景之下，我们应该怎样实现这些需求呢？

本节介绍的中继器表格，将会十分完美地解决原生表格组件覆盖不到的功能区。

本节目录

1. 基础中继器表格
2. 表格的行级别交互
3. 表格的数据分页
4. 表格的数据搜索
5. 表格的增删改

1.基础中继器表格

在上一节的介绍中，我们把“中继器”比喻成“模版”，通过对模版的修改，达到行级别的样式重复，通过对数据的标准化填充，实现组件数据的批量修改。

其实，中继器的数据结构本身已经是一个表格了，而用中继器来重写原生表格，只不过为中继器设计一件好看的衣服而已。

我们知道，中继器的迭代单位是“行”，而看表格的结构，也是纵横交错的行列构成，而每一行里面有若干个单元格。下面我们来看一个最基础的中继器表格是怎么实现的。

首先我们在axure里面创建一个中继器，双击中继器，用以下四个矩形替代默认的矩形。

再回到页面，我们将看到以下效果：

一个4列N行的表格结构已经搭建完成，我们只需要将“中继器每项加载时”的交互设置“矩形内容=中继器数据”，并在中继器填充数据，就可以完成表格数据的编辑。

回到页面，我们可以看到数据已经更新了：

这就是中继器改写的基础表格，下面，我们来看这样子的基础表格的各种玩法。

2.表格的行级别交互