angularjs - smarttable の折りたたみ行を作成する方法は?

Question

スマートテーブルに折りたたみ行を実装しようとしています。これは、ユーザーが詳細を表示したい場合にのみ表示される行です。これは今のように見えます：

   <table st-table="displayed" class="table table-striped">
    <thead>
    <tr>
        <th st-ratio="20" st-sort="firstName">first name</th>
        <th st-ratio="20" st-sort="lastName">last name</th>
        <th st-ratio="10" st-sort="age">age</th>
        <th st-ratio="30" st-sort="email">email</th>
        <th st-ratio="20" st-sort="balance">balance</th>
    </tr>
    </thead>
    <tbody>

    <input type="checkbox" ng-model="show"/> {{show}}

    <tr ng-repeat="row in displayed">
        <td st-ratio="20">{{row.firstName}}</td>
        <td st-ratio="20">{{row.lastName | uppercase}}</td>
        <td st-ratio="10">{{row.age}}</td>
        <td st-ratio="30">{{row.email}}</td>
        <td st-ratio="20">{{row.balance | currency}}</td>

    </tr>
    <tr ng-show="show">
        <td>hallo</td>
    </tr>

    </tbody>
    <tfoot>
    <tr>
        <td colspan="5" class="text-center">
            <div  st-items-by-page="20" st-pagination=""></div>
        </td>
    </tr>
    </tfoot>
</table>

このテーブルの折りたたみ式の詳細行を表示する方法はありますか?

plunkr ref: http://plnkr.co/edit/8lSx2v?p=preview