mirror of
https://github.com/jgthms/bulma
synced 2026-03-15 02:04:29 -07:00
Add scrollable table example to docs
This commit is contained in:
committed by
Jeremy Thomas
parent
c129d225b7
commit
8d08f243b7
@@ -354,6 +354,14 @@ meta:
|
||||
|
||||
{% 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="column">
|
||||
<p>Add <strong>borders</strong> to all the cells.</p>
|
||||
@@ -584,4 +592,16 @@ meta:
|
||||
</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' %}
|
||||
|
||||
Reference in New Issue
Block a user