Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-21 12:44:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add scrollable table example to docs

Browse Source
This commit is contained in:
James Adam Wasson
2019-07-24 18:06:57 -06:00
committed by Jeremy Thomas
parent c129d225b7
commit 8d08f243b7
1 changed files with 20 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
docs/documentation/elements/table.html
View File

@@ -354,6 +354,14 @@ meta:
{% include elements/anchor.html name="Modifiers" %} {% include elements/anchor.html name="Modifiers" %}
{% capture simple_scrollable_table_example %}
<div class="table-container">
<table class="table">
<!-- This is a scrollable table -->
</table>
</div>
{% endcapture %}
<div class="columns"> <div class="columns">
<div class="column"> <div class="column">
<p>Add <strong>borders</strong> to all the cells.</p> <p>Add <strong>borders</strong> to all the cells.</p>
@@ -584,4 +592,16 @@ meta:
</div> </div>
</div> </div>
<div class="message is-info">
<div class="message-body">
<p class="content">
You can create a <strong>scrollable table</strong> by wrapping
a <code>table</code> in the <code>table-container</code> class:
</p>
{% highlight html %}{{ simple_scrollable_table_example }}{% endhighlight %}
</div>
</div>
{% include elements/variables.html type='element' %} {% include elements/variables.html type='element' %}