当前位置:首页 > draw.io教程

改进的表格形状

drawio4年前 (2022-06-22)draw.io教程8

draw.io 的表格功能已全面升级,比您之前使用的旧版 HTML 表格更加灵活强大。新版表格支持多种布局选择,您可以通过拖动来调整行和列的大小,还可以通过拖动来移动行,并在表格及其单元格内构建跨职能流程图。

提示: UML 实体关系图中使用的实体形状也已更新,以利用更新后的表格功能。

在图表中添加表格

使用工具栏中的表格工具,即可像在 Microsoft Word 或 Google Docs 中一样,向图表中添加表格。

  1. 在图表中未选中任何内容的情况下,单击工具栏中的 表格工具。

  2. 将鼠标悬停在方格上,直到所需的行数和列数高亮显示,然后单击即可在绘图画布上插入表格。之后您可以添加更多行和列。

插入表格时添加表格标题

  1. 点击工具栏中的表格工具。

  2. 启用“标题”复选框,然后。

  3. 将鼠标悬停在方格上,直到所需的行数和列数高亮显示,然后单击以在绘图画布上插入表格。

这会自动添加一个跨越所有列的标题行。

快捷方式:按住鼠标左键拖动Shift即可选择表格大小。即使您未选中“标题”复选框,此操作也会添加标题行。

在表格单元格中添加文本

单击一次选中表格,然后再次单击单元格选中它。输入文本的方式与输入形状标签相同。

添加跨职能流程图(表格)

跨职能流程图使用类别对业务流程中的步骤进行分组,例如,步骤如何分配给不同的职能组(例如部门)或审批阶段。每个类别都用一条垂直或水平泳道表示。由于标准流程图无法显示这些信息,许多企业更倾向于使用跨职能流程图。

创建一个包含水平和垂直泳道的表格,您可以在表格的单元格中添加流程步骤,并使用连接线将它们连接起来,以显示流程。

  1. 在图表中未选中任何内容的情况下,单击工具栏中的表格工具。

  2. 选中“容器”复选框,或者按住Ctrl/Cmd键并选择所需行数和列数的表格。单击即可将带有跨功能泳道的表格添加到绘图画布中。

  3. 选中表格,点击标题单元格,然后输入标题文本。如果您输入的是行标题,文本在输入时会居中显示,输入完成后会自动移动到正确位置。

跨职能表格中的单元格充当容器形状,您可以向其中添加形状。通过将步骤放置在相应的单元格中,然后用连接线将它们连接起来,即可构建流程图。

添加列和行

  1. 选择表格中的一个单元格。

  2. 在右侧的格式面板中选择“排列”选项卡。

  3. 使用表格工具可以在选定的单元格或行之前或之后添加列或行。如果选中了整个表格,则会在表格开头之前或结尾处添加行或列。

使用键盘快捷键复制表格行

  1. 单击表格中的一个单元格,然后再次单击以选择该行。

  2. 按住CtrlCmd,抓住并拖动行的副本到表格中的新位置,或者按Enter

移动表中的行

您可以将行拖动到更新后的表格中的新位置,方法是选择并拖动行本身,或者使用每行右边界上看起来像两条水平线的重新定位图标。

  • 选择行 - 单击以选择单元格,然后再次单击以选择行 - 然后将其拖动到新位置。

  • 或者,选择表格(而不是单元格或行/列),然后抓住并拖动行的重新定位图标。

注意:右侧的重新定位图标同时也是连接点。如果您在未先选中表格的情况下尝试拖动重新定位图标,则会在该点连接一个固定的连接线。

调整表格形状中的行和列大小

  • 抓住并拖动行或列的边框来调整行或列的大小。

请勿点击行右侧边缘的重新定位图标——这将移动行,而不是调整列宽。

您还可以调整表格大小,同时保持表格中所有单元格之间的相对位置——此行为默认启用。

  • 选择表格,然后拖动表格侧边的圆形手柄,而不是拖动最后一列或最后一行的边框。

  • 将表格中间的橙色菱形拖到表格标题行下方。

如果您不想调整其他单元格的大小,请更改表格属性。

  1. 选择表格(而不是单元格或行/列)。

  2. 在右侧的格式面板中,展开“属性”部分。

  3. 请确保选中 “调整最后一行大小”“调整最后一列大小”复选框。

调整所有泳道标题大小

在跨职能表格中调整单元格大小时,只会调整该列或行的标题单元格大小。您可以一次性调整所有行或列标题的大小,使其保持一致。

  • 按住鼠标Shift左键调整列标题或行标题的大小。

删除行或列

  1. 选择表格中的一个单元格。

  2. 在右侧的格式面板中选择“排列”选项卡。

  3. 使用表格工具删除选定的列或行。

使用键盘删除一行

  1. 单击表格中的一个单元格,然后再次单击以选择该行。

  2. 按下该Delete键,或者右键单击并从上下文菜单中选择“删除” 。

合并和取消合并单元格

您可以通过格式面板中的“排列”选项卡合并相邻单元格,也可以使用Sketch 白板式编辑器主题中的“表格”工具取消合并已合并的表格单元格。

  • 只有当您选择了多个相邻的表格单元格时,合并功能才可用。

  • 只有在表格中选择了已合并的单元格时,才能使用 “取消合并”功能。

HTML 表格仍然可用

HTML 表格形状仍然可以在“其他”形状库(属于“通用”形状库)中找到。将鼠标悬停在形状上即可查看其名称。