You are here

table.twig in Open Social 8.7

<table class="table">
  <caption>Optional table caption.</caption>
  <thead>
    <tr>
      <th>Member</th>
      <th>Organization</th>
      <th>Role</th>
      <th>Action</th>
    </tr>
  </thead>

  <tbody>
  <tr>
    <td><a href="#">Chris Hall</a></td>
    <td>Receptionist at Bastion Hotels</td>
    <td>Member</td>
    <td>
      <div class="btn-group">
        <button type="button" autocomplete="off" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-primary btn-sm btn-raised dropdown-toggle">Manage<span class="caret"></span></button>
        <ul class="dropdown-menu dropdown-menu-right">
          <li><a href="#">Edit</a></li>
          <li><a href="#">Remove</a></li>
        </ul>
      </div>
    </td>
  </tr>
  <tr>
    <td><a href="#">Michelle Williams</a></td>
    <td>Community manager at Open Social</td>
    <td>Group organiser</td>
    <td>
      <div class="btn-group">
        <button type="button" autocomplete="off" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-primary btn-sm btn-raised dropdown-toggle">Manage<span class="caret"></span></button>
        <ul class="dropdown-menu dropdown-menu-right">
          <li><a href="#">Edit</a></li>
          <li><a href="#">Remove</a></li>
        </ul>
      </div>
    </td>
  </tr>
  <tr>
    <td><a href="#">Jim Oyster</a></td>
    <td>Plumber at Forgottoflush </td>
    <td>Member</td>
    <td>
      <div class="btn-group">
        <button type="button" autocomplete="off" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-primary btn-sm btn-raised dropdown-toggle">Manage<span class="caret"></span></button>
        <ul class="dropdown-menu dropdown-menu-right">
          <li><a href="#">Edit</a></li>
          <li><a href="#">Remove</a></li>
        </ul>
      </div>
    </td>
  </tr>
  </tbody>
</table>

File

themes/socialbase/components/01-base/tables/table.twig
View source
  1. <table class="table">
  2. <caption>Optional table caption.</caption>
  3. <thead>
  4. <tr>
  5. <th>Member</th>
  6. <th>Organization</th>
  7. <th>Role</th>
  8. <th>Action</th>
  9. </tr>
  10. </thead>
  11. <tbody>
  12. <tr>
  13. <td><a href="#">Chris Hall</a></td>
  14. <td>Receptionist at Bastion Hotels</td>
  15. <td>Member</td>
  16. <td>
  17. <div class="btn-group">
  18. <button type="button" autocomplete="off" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-primary btn-sm btn-raised dropdown-toggle">Manage<span class="caret"></span></button>
  19. <ul class="dropdown-menu dropdown-menu-right">
  20. <li><a href="#">Edit</a></li>
  21. <li><a href="#">Remove</a></li>
  22. </ul>
  23. </div>
  24. </td>
  25. </tr>
  26. <tr>
  27. <td><a href="#">Michelle Williams</a></td>
  28. <td>Community manager at Open Social</td>
  29. <td>Group organiser</td>
  30. <td>
  31. <div class="btn-group">
  32. <button type="button" autocomplete="off" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-primary btn-sm btn-raised dropdown-toggle">Manage<span class="caret"></span></button>
  33. <ul class="dropdown-menu dropdown-menu-right">
  34. <li><a href="#">Edit</a></li>
  35. <li><a href="#">Remove</a></li>
  36. </ul>
  37. </div>
  38. </td>
  39. </tr>
  40. <tr>
  41. <td><a href="#">Jim Oyster</a></td>
  42. <td>Plumber at Forgottoflush </td>
  43. <td>Member</td>
  44. <td>
  45. <div class="btn-group">
  46. <button type="button" autocomplete="off" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-primary btn-sm btn-raised dropdown-toggle">Manage<span class="caret"></span></button>
  47. <ul class="dropdown-menu dropdown-menu-right">
  48. <li><a href="#">Edit</a></li>
  49. <li><a href="#">Remove</a></li>
  50. </ul>
  51. </div>
  52. </td>
  53. </tr>
  54. </tbody>
  55. </table>