我创建了一个表格,如何增加第一列且为单选框: <table id="strategyRealTable"> <thead> <tr> <th>策略类型</th> <th>策略构成:期权</th> <th>策略构成:ETF</th> <th>最大利润</th> <th>最大亏损</th> <th>交易量</th> </tr> </thead> <tbody> <!--使用th:each遍历数据列表,生成HTML表格:在每个表格行中,使用`th:text`指令将数据`${stock.code}`、`${stock.name}`和`${stock.price}`分别绑定到表格单元格中 --> <tr th:each="portfolio : ${portfolioSet}"> <td th:text="${portfolio.StrategyName}"></td> <td th:text="${portfolio.options}"></td> <td th:text="${portfolio.stocks}"></td> <td th:text="${portfolio.openingPrice}"></td> <td th:text="${portfolio.maxProfit}"></td> <td th:text="${portfolio.maxLoss}"></td> <td th:text="${portfolio.tradingVolume}"></td> </tr> </tbody> </table>
时间: 2023-12-10 12:40:05 浏览: 69
jQuery实现table表格checkbox全选的方法分析
你可以在表格的第一列中加入单选框,代码如下:
```
<table id="strategyRealTable">
<thead>
<tr>
<th>策略类型</th>
<th>策略构成:期权</th>
<th>策略构成:ETF</th>
<th>最大利润</th>
<th>最大亏损</th>
<th>交易量</th>
</tr>
</thead>
<tbody>
<!--使用th:each遍历数据列表,生成HTML表格:在每个表格行中,使用`th:text`指令将数据`${stock.code}`、`${stock.name}`和`${stock.price}`分别绑定到表格单元格中 -->
<tr th:each="portfolio : ${portfolioSet}">
<td>
<input type="radio" name="strategyType" th:value="${portfolio.StrategyName}"/>
<span th:text="${portfolio.StrategyName}"></span>
</td>
<td th:text="${portfolio.options}"></td>
<td th:text="${portfolio.stocks}"></td>
<td th:text="${portfolio.openingPrice}"></td>
<td th:text="${portfolio.maxProfit}"></td>
<td th:text="${portfolio.maxLoss}"></td>
<td th:text="${portfolio.tradingVolume}"></td>
</tr>
</tbody>
</table>
```
在第一列中,我们使用了一个 `input` 标签来创建单选框,并使用 `th:value` 指令将选择的策略名称绑定到单选框上。同时,我们使用了一个 `span` 标签来展示策略名称。需要注意的是,所有单选框的 `name` 属性值应该相同,以保证它们是同一组单选框。
阅读全文