title: how I can add extra my attribute into bootstrapTable
body: <p>I used bootstrapTable.js plugin 
  <a href="https://github.com/wenzhixin/bootstrap-table" rel="nofollow">https://github.com/wenzhixin/bootstrap-table</a>
  to create datatable ,I  populated table by Json</p>
  
  <p>but I need to control in my td tag as add some extra attribute in td tag
  as I wrote in my code "data-symbole" attribute
  ,but the plugin remove it 
  can anyone help me please </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var x = 
  [
      {
          "id": 0,
          "name": "test0",
          "price": "$0"
          ,"pricesymbole":"$"
      },
      {
          "id": 1,
          "name": "test1",
          "price": "$1"
        ,"pricesymbole":"$"
      },
      {
          "id": 2,
          "name": "test2",
          "price": "$2"
        ,"pricesymbole":"$"
      },
      {
          "id": 3,
          "name": "test3",
          "price": "$3"
        ,"pricesymbole":"$"
      }
  ];
  
  $(function () {
      $('#table').bootstrapTable({
          data: x
      });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"&gt;
  
  &lt;!-- Latest compiled and minified CSS --&gt;
  
  
  &lt;link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.10.1/bootstrap-table.min.css"&gt;
  
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  &lt;script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.10.1/bootstrap-table.min.js"&gt;&lt;/script&gt;
  
  &lt;table id="table"&gt;
      &lt;thead&gt;
          &lt;tr id="tr_{{id}}"&gt;
              &lt;th data-field="id"&gt;Item ID&lt;/th&gt;
              &lt;th data-field="name"&gt;Item Name&lt;/th&gt;
              &lt;th data-field="price" data-symbole="pricesymbole"&gt;Item Price&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
  &lt;/table&gt;
          </code></pre>
  </div>
  </div>
  </p>