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

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

0 голосов
/ 05 июля 2018

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

Есть ли способ вставить 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>

ЯШ: 

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

Моя цель - вставить следующий HTML-код в поле данных прогресса, используя каким-то образом процентное значение для установки ширины индикатора выполнения. 

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

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

1 Ответ

0 голосов
/ 05 июля 2018

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

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