Javascript 如何使用Boostrap表使用外部json文件获取列和

我有以下基于bootstrap的表，我正在尝试计算市场总价值。它读取一个外部json文件。但由于某些原因，它没有添加值

当我加载外部json时，问题就开始了。文件我怎样才能解决这个问题

$.getJSON("json/prep.json", function (jsonFromFile) {
    $('#table1').bootstrapTable({
        data: jsonFromFile.rows
    })
    var total1 = data.reduce(function(a, b){
    return a + parseFloat(b.LongMarketValue);
}, 0);

document.querySelector('.total1').innerHTML = total1;


});

JSON-prep.JSON

 {
          "Name": "Julie Brown",
          "Account": "C0010",
          "LoanApproved": "12/5/2015",
          "LastActivity": "4/1/2016",
          "PledgedPortfolio": "1000",
          "MaxApprovedLoanAmt": "10000",
          "LoanBalance": "1849000",
          "AvailableCredit": "2877.824375",
          "Aging": "3",
          "Brokerage": "My Broker",
          "Contact": "oJohnson",
          "ContactPhone": "-3614",
          "RiskCategory": "Yellow",
          "rows": [{
            "Account": "086-1234",
            "ClientName": "S Smth",
            "AccountType": "tail",
            "LongMarketValue": "$40000"
          },  {
            "Account": "086-1235",
              "ClientName": "all Sth",
            "AccountType": "REV Trust",
            "LongMarketValue": "$55000"
          },
           {
            "Account": "086-1236",
              "ClientName": "Sly Smith",
            "AccountType": "Reail",
            "LongMarketValue": "$5500"
          }]
        }

HTML

如果代码中未定义数据，则必须从表或Json中检索数据。此外，您的数据返回一个带$sign的字符串，因此您必须在解析它之前删除它

下面是一个工作示例

//代码在这里 $function{ $.getJSONhttps://api.myjson.com/bins/89vsf，函数jsonFromFile{ $'table1'。可引导{ 数据：jsonFromFile.rows } var data=$'table1'。bootstrapTable'getData'； var total1=data.reducefunctiona，b{ 返回a+parseFloatb.LongMarketValue。替换“$”，； }, 0; document.querySelector.total1.innerHTML=total1； }; }; 账户 客户 帐户类型 市场价值 全部的

---

你不能调用你在BootsTaptable配置中声明的数据对象，而不能调用它。你知道这真的是一个greatIs吗？为了显示每个数字列100000到100000.00，我发布了关于这一点的其他问题的答案。

 <table id="table1">
                    <thead>
                        <tr>
                         <th data-field="state" data-checkbox="true"></th>
                            <th data-field="Account">Account #</th>
                            <th data-field="ClientName">Client</th>
                            <th data-field="AccountType">Account Type</th>
                            <th data-field="MarketValue"> Market Value</th>
                        </tr>
                    </thead>
                      <tfoot>
                    <tr>
                      <td></td>
                      <td></td>
                      <th></th>
                      <th> Total <span class="total1"></span></th>
                    </tr>
                  </tfoot>
                </table>