Basic Example

ID Sender Received Link

Code

HTML

<table id="grid" class="table table-condensed table-hover table-striped">
    <thead>
        <tr>
            <th data-column-id="id">ID</th>
            <th data-column-id="sender">Sender</th>
            <th data-column-id="received" data-order="desc">Received</th>
            <th data-column-id="link" data-custom="true" data-sortable="false">Link</th>
        </tr>
    </thead>
    <tbody></tbody>
</table>

JavaScript

$("#grid").bootgrid({
    post: function ()
    {
        return {
            id: "b0df282a-0d67-40e5-8558-c9e93b7befed"
        };
    },
    url: "/api/data/basic"
}).on("custom.rs.jquery.bootgrid", function(e, args)
{
    args.cell.empty().append("<a href=\"#basic\">" + args.column.id + ": " + args.row.id + "</a>");
});

POST Body (Request)

current=1&rowCount=10&sort[sender]=asc&id=b0df282a-0d67-40e5-8558-c9e93b7befed

JSON (Response)

{
  "current": 1,
  "rowCount": 10,
  "rows": [
    {
      "id": 19,
      "sender": "123@test.de",
      "received": "2014-05-30T22:15:00"
    },
    {
      "id": 14,
      "sender": "123@test.de",
      "received": "2014-05-30T20:15:00"
    },
    ...
  ],
  "total": 11
}