小编点评

**中继器+表格根据条件设置字体样式** **1. 创建中继器** 创建一个新的页面或组件，用于存储和管理表格的数据。 **2. 使用表格库** 选择一个支持表格库的 JavaScript 库，例如 `Table.js` 或 `React Table`。根据文档的说明，添加表格库的依赖项。 **3. 设置表格样式** 使用 CSS 设置表格的样式，例如： * 设置表格的宽度和高度。 * 设置表格的背景颜色。 * 设置表格的字体大小。 **4. 根据条件设置字体** 根据您需要设置的条件，在表格中添加一个条件语句。例如，在年龄单元格中，您可以使用 `if` 语句或 `switch` 语句来设置字体大小。 **5. 添加状态和颜色** 根据不同的条件设置不同的状态和颜色。您可以使用 `if` 语句或 `switch` 语句来实现此功能。例如，在年龄单元格中，您可以使用 `if` 语句来设置字体颜色。 **6. 示例代码** ```javascript // 设置年龄单元格的字体样式 if (item.age >= 18) { cell.style.fontSize = '16px'; } else if (item.age >= 25) { cell.style.fontSize = '18px'; } else { cell.style.fontSize = '20px'; } // 设置年龄单元格的背景颜色 switch (item.age) { case 18: cell.style.backgroundColor = 'green'; break; case 25: cell.style.backgroundColor = 'yellow'; break; default: cell.style.backgroundColor = 'blue'; break; } ``` **总结** 通过使用中继器和表格库，您可以根据不同的条件设置表格的字体样式，使其更加个性化。

正文

中继器+表格，根据条件设置不同的字体样式

思路：根据情形，设置不同的颜色，因为Axure 不能直接对元件的样式进行交互设置，所以借助【动态面板】进行设置

绘制表格详见：https://www.cnblogs.com/vipsoft/p/17058101.html

在年龄单元格中，拖一个动态面板，根据条件数量，添加相应的状态
并在每个状态中拖放 文本标签 、设置好对应的颜色

根据 item.age 的值，做为条件
显示对应的面板状态


将动态面板中的不同状态下的标签，分别绑定 item.age 属性。