вставить HTML в загрузочную таблицу (wenzhixin) построить индикатор выполнения

У меня есть таблица, созданная с использованием таблицы из метода данных с таблицами начальной загрузки.

Есть ли способ вставить html в ячейку из моего массива данных json

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>

В качестве альтернативы, любые другие предложения о том, как добавить индикатор выполнения в мою таблицу, будут очень признательны!


person Adam Lambert    schedule 05.07.2018    source источник


Ответы (1)


Так что получается, что любой код, включенный в JSON, отображается как HTML... так что довольно просто заставить это работать! то есть

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