时间戳

首页 > 解决方案 > 如何在引导表中添加复选框？

reactjs - 如何在引导表中添加复选框？

问题描述

而不是这个引导表中的“#”符号，我想添加一个复选框......请也给我任何参考，我可以从中理解如何做这些事情，就像我们有关于引导表的明确文档......我只需将该代码复制到我的 vs 代码中

引导表的图像

这是我从该链接https://getbootstrap.com/docs/4.4/content/tables/复制的代码：

<table class="table table-dark">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td>Larry</td>
      <td>the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

标签： reactjsbootstrap-4react-bootstrapreact-bootstrap-table

解决方案

正如 codeMonkey 已经评论的那样，这对我有用：

    <th scope="col">#</th>

至

   <th scope="col"><input type="checkbox" /></th>

推荐阅读