bulmacss/docs/cyp/elements/table.html at master · GlenSmale/bulmacss · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
---
layout: cypress
title: Elements/Table
---

{% capture table_content %}
  <thead>
    <tr>
      {% for j in (1..10) %}
        <th>{{ j }}</th>
      {% endfor %}
    </tr>
  </thead>
  <tbody>
    {% for i in (1..5) %}
      <tr>
        {% for j in (1..10) %}
          <td>{{ j | times: i }}</td>
        {% endfor %}
      </tr>
    {% endfor %}
    <tr class="is-selected">
      {% for j in (1..10) %}
        <td>{{ j  }}</td>
      {% endfor %}
    </tr>
  </tbody>
{% endcapture %}

<table id="table" class="table">
  {{ table_content }}
</table>

<table id="table-bordered" class="table is-bordered">
  {{ table_content }}
</table>

<table id="table-striped" class="table is-striped">
  {{ table_content }}
</table>

<table id="table-narrow" class="table is-narrow">
  {{ table_content }}
</table>

<div style="width: 800px;">
  <table id="table-fullwidth" class="table is-fullwidth">
    {{ table_content }}
  </table>
</div>