Html 如何在“角度材质”选项卡中按行分组“材质”单选按钮

---

通常角度材质表按列分组单选按钮，如何实现按行分组

我不明白你想做什么。您希望在单个表格单元格中包含一列单选按钮，还是希望在同一列中包含多行单选按钮（这似乎不太可能）？此图在同一行的单独数据列中显示单选按钮。不能在单个视图列和行中显示多个数据列，因此需要一个包含选定选项的数据列，以及该单元格的视图，以便以垂直格式布置各种单选选项。以下是一个示例。

根据收音机组上的说明：

单选按钮通常应放置在

除非DOM结构会 不可能（例如，表格单元格内的单选按钮）

因此，如果希望每行有一个单选按钮组，那么只需使用name属性将这些控件分组在一起（这正是HTML输入type=“radio”的方式）

上报团队

如下图所示：

---

请注意，对于每一行，您一次只能检查一个收音机

谢谢您提供的示例，我想我可以利用它，只需将列合并即可。我的要求是只能连续单击一个单选按钮。。这在我发布的图片中没有发生。如果我理解你所说的，在不同的数据列中不可能有单选按钮属于同一个单选组，因此你必须在单个列中使用布局来假装。我的示例显示了列布局-将其更改为行并删除单选按钮标签，然后还修改列标题以为每个单选按钮提供标签。

<tr>
  <td></td>
  <td>
    <p>Escalation Teams</p>
  </td>
  <td>
    <mat-radio-button value="1" name="escalationTeam"></mat-radio-button>
  </td>
  <td>
    <mat-radio-button value="2" name="escalationTeam"></mat-radio-button>
  </td>
</tr>