title: How does data-sort-name in Bootstrap table Js work?
body: <p>I am using folowing library : <a href="http://bootstrap-table.wenzhixin.net.cn/documentation/" rel="noreferrer">http://bootstrap-table.wenzhixin.net.cn/documentation/</a></p>
  
  <p>I load json objects into this table which works fine, but now here comes the problem. I want to be able to sort columns. </p>
  
  <p>My Json layout as folows :</p>
  
  <pre><code>[{"Total": 12345.56, "Name": "Monkey1", "TotalFormatted": "$ 12.345,56"},{"Total": 13345.56, "Name": "Monkey3", "TotalFormatted": "$ 13.345,56"},{"Total": 11345.56, "Name": "Monkey2", "TotalFormatted": "$ 11.345,56"}]
  
    &lt;table id="test" data-page-size="10" data-pagination="true" data-unique-id="true" data-show-footer="false"&gt;
                  &lt;thead&gt;
                      &lt;tr&gt;
                          &lt;th data-field="Name"&gt;Name&lt;/th&gt;
                          &lt;th data-field="TotalFormatted" data-sort-name="Total" data-sortable="true" data-align="right"&gt;TotalFormatted&lt;/th&gt;
                      &lt;/tr&gt;
                  &lt;/thead&gt;
              &lt;/table&gt;
  </code></pre>
  
  <p>I want to show TotalFormatted data, but i want to sort this column with Total property, since TotalFormatted cant be used for that. In the documentation i saw the following : </p>
  
  <blockquote>
    <p>data-sort-name : Provide a customizable sort-name, not the default
    sort-name in the header, or the field name of the column. For example,
    a column might display the value of fieldName of "html" such as
    "<b>abc</b>", but a fieldName to sort
    is "content" with the value of "abc".</p>
  </blockquote>
  
  <p>but how ever data is not sorted correctly, has anyone exprienced this or have i misunderstood something?  </p>