Bootstrap Table - Showing data as key value

Showing data as key value

by dshilkret

HTML

<link rel="stylesheet" href="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.css">
<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.js"></script>
<table id="table">
    <thead>
    <tr>
        <th data-field="key" class="key">Key</th>
        <th data-field="value">Value</th>
    </tr>
    </thead>
</table>

CSS

.key {font-weight: bold;}

JavaScript

var obj = {
    "name": "bootstrap-table",
    "stargazers_count": "526",
    "forks_count": "122",
    "description": "An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features. (supports twitter bootstrap v2 and v3) ",
    "key1": "value1",
    "key2": "value2",
    "key3": "value3"
};

function responseHanlder(res) {
    var data = [];

    for (var key in res) {
        data.push({
            key: key,
            value: res[key]
        });
    }
    return data;
}

$(function () {
    $('#table').bootstrapTable({
        data: responseHanlder(obj)
    });
});