当前位置: 首页 > 知识库问答 >
问题:

将HTML插入引导表(文志新)构建进度条

轩辕啸
2023-03-14

我使用tablefromdata方法和引导表生成了一个表。

有什么方法可以从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>

js:

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

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

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

或者,关于如何将进度条放入我的表的任何其他建议都将不胜感激!

共有1个答案

仇征
2023-03-14

因此,JSON中包含的任何代码都会呈现为HTML。。。让它工作起来非常简单!即

{
"id":460000000,
"progress":"<div class=\"progress progress-margin\"><div class=\"progress-bar\" style=\"width:61%\"><\/div><\/div>"
}
 类似资料:
  • 问题内容: 我有两个大表,并且想要将所有列名(而不是视图)组合到一个新表中。 我 没有权限 右键单击每个表并选择CREATE TO SCRIPT,所以我想知道是否有一种方法可以在不指定列数据类型的情况下将两个表插入到新表中? 问题答案:

  • 我正在尝试插入一个HTML块到一个div。我想看看简单的JavaScript方式是否比使用jQuery更快。不幸的是,我忘了怎么用‘老办法’做这件事。:p 伙计们,我做错了什么? 编辑: 有人问jquery和普通js哪个更快,所以我编写了一个测试: http://jsperf.com/html-insertion-js-vs-jQuery 纯js快10%

  • 请帮忙,我有两个与Kotlin DSL Gradle一起的spring boot项目,但是,我需要将其中一个导入到另一个,但是,它不起作用。这是我尝试过的: 将外部jar(lib/*.jar)添加到IntelliJ IDEA项目的正确方法 如何将本地. jar文件依赖项添加到build.gradle.kt文件? 在谷歌上搜索前两篇文章有很多不同的地方,我也试过了,但都不管用。此外,我尝试导入生成的

  • 因此,我们更新到最新版本的gradle插件。 从那以后,我的构建变得非常慢。罪魁祸首似乎是 奇怪的是,另一个人用完全相同的设置获得了更好的时光。 格拉德尔。属性: gradle包装。属性 项目级构建。格拉德尔: 我使用的是Kotlin插件1.6.10,但为了匹配另一个人的版本,我将其降级为1.6.0。仍然没有改善。 奇怪的是,如果我们回到上一个梯度,一切都很好。超快构建。 编辑:我不是在问它为什么

  • 问题内容: 我首先使用body标签中的ng-app =“ myApp”初始化我的应用,这对于在首页加载时加载的所有angularized-html都适用。 稍后,我有一些代码将angularized-html加载到DOM中。 在angular 1.08中,我可以在加载后只运行angular.bootstrap($ newLoadHTML,[“ myApp”]),它将可以正常工作。$ newLoad

  • 问题内容: 我是Angularjs的新手,并且我尝试在控制器中的值更改时更新进度条的宽度。 我有类似的东西: 我的控制器中有类似以下内容的内容: 如何更新进度条的宽度值? 谢谢,阿尔贝托。 问题答案: ng-style指令可以解决问题。