Format a bootstrap table with dollar sign and thousand separator
<p>I am trying to format my bootstrap table, so that I can read $12,000,000 instead of 12000000  + its footer (suming up columns)
I understand this can be donne inserting a javascript function +CSS.
Thanks for your help.</p>

<p>Here is the code of my table.</p>

<pre><code>&lt;table id="exampleTableFromData" data-sort-order="desc" data-mobile-responsive="true" data-search="true" data-show-footer="true" data-footer-style="footerStyle"&gt;
    &lt;thead&gt;
        &lt;tr&gt;
            &lt;th data-field="Customers" data-sortable="true" data-align="left"&gt;Customer&lt;/th&gt;

            &lt;th data-field="RM" data-sortable="true" data-align="right" data-footer-formatter="totalFormatter"&gt;Sales&lt;/th&gt;

            &lt;th data-field="BO" data-sortable="true" data-align="right" data-footer-formatter="totalFormatter"&gt;Discount&lt;/th&gt;

            &lt;th data-field="GGR" data-sortable="true" data-align="right" data-footer-formatter="totalFormatter"&gt;Net&lt;/th&gt;
        &lt;/tr&gt;
    &lt;/thead&gt;
&lt;/table&gt;
</code></pre>