How to make href work in jquery-bootgrid basic plugin

Am using bootgrid-basic to show my data,

<table id="grid-basic"
    class="table table-bordered table-striped table-condensed mb-none">
    <thead>
        <th data-column-id="aa">aa</th>
        <th data-column-id="ss"  data-order="desc">ss</th>
        <th data-column-id="dd">dd</th>
        <th data-column-id="ff">ff</th>
        <th data-column-id="aaa">aaa</th>
        <th data-column-id="aaaaa" >aaaAa</th>

        </tr>
    </thead>
    <tbody>
        @foreach($alldata as $data)
        <tr>
            <td>{{$data->aa}}</td>
            <td><a href="#">{{$data->ss}}</a></td>
            <td>0</td>
            <td>{{$data->dd}}</td>
            <td>{{$data->ff}}</td>
            <td><a href="#">ASSSsdf</a></td>
        </tr>
        @endforeach
    </tbody>
</table>

and initialized $("#grid-basic").bootgrid(); in script.

Everything is working fine like search,data ordering ,pagination but those links doesnt see to work.

If i use formatter links work and remaining doesnt work.

$("#grid-basic").bootgrid(
formatters: {
              "action": function (column, row)
              {
                  return '<a href="/model/' + row.actions + '">' +row.actions+ '</a>' ;
              }});

A jsfiddle link here : http://jsfiddle.net/6xpyxbcg/