如何将HTML插入引导表(Wenzhixin)中,生成一个进度条?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (62)

有什么方法可以从json数据数组中将html插入到单元格中吗?

HTML:

        <table
            id="bootstrap-table"
            data-pagination="true"
            data-show-export="true"
            >
        <thead>
        <tr>
            <th data-field="id" data-switchable="false">Delivery #</th>
            <th data-field="created_at" data-sortable="true">Created</th>
            <th data-field="progress" data-sortable="true">Progress</th>
        </tr>
        </thead>
        </table>

联署材料:

//bs-table options
$table.bootstrapTable({
    data: dataJson,
});

我的目标是将以下HTML注入进度数据字段,同时以某种方式使用其中的百分比值来设置进度条的宽度。

<div class="progress">                                                                                        
    <div class="progress-bar" style="width:100%"></div>                                                                                     
</div>

或者,任何其他的建议,如何使一个进度条进入我的表将不胜感激!

提问于
用户回答回答于

JSON中包含的任何代码都呈现为HTML.

{
"id":460000000,
"progress":"<div class=\"progress progress-margin\"><div class=\"progress-bar\" style=\"width:61%\"><\/div><\/div>"
}

扫码关注云+社区

领取腾讯云代金券