FooTable Custom Toggle Button
<p>The little toggle button for FooTable comes from the following css</p>

<pre><code>.footable.breakpoint &gt; tbody &gt; tr.footable-detail-show &gt; td &gt; span.footable-toggle:before {
    content: "\e000";
}

.footable.breakpoint &gt; tbody &gt; tr &gt; td &gt; span.footable-toggle:before {
    content: "\e000";
}
</code></pre>

<p>However, I would like to replace it with a triangle which uses the following CSS and HTML</p>

<pre><code>.arrow-down {
  width: 0; 
  height: 0; 
  padding: 0;
  margin: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 9px solid #000;
  position: relative;
  right: -6px !important;
}


 &lt;div class="arrow-down"&gt;&lt;/div&gt;
</code></pre>

<p>I am not sure if this possible, or how to go about so any advice would be great!</p>

<p>(Link for FooTable Toggle Icons <a href="http://fooplugins.com/footable/demos/icon-styles.htm" rel="nofollow">http://fooplugins.com/footable/demos/icon-styles.htm</a>)</p>