{{if ctx=='LGroup'}}
<h2>Tuoteryhm&auml;t</h2>
{{else ctx=='WGroup'}}
<h2>Ty&ouml;ryhm&auml;t</h2>
{{else ctx=='PGroup'}}
<h2>Laskentapaketti ryhm&auml;t</h2>
{{/fi}}

<table data-role="table" id="table-column-toggle" data-mode="columntoggle" class="ui-responsive table-stroke" data-mini="true">
     <thead>
       <tr>
         <th data-priority="1">Id</th>
         <th data-priority="1">Nimi</th>
       </tr>
     </thead>
     <tbody>        
     {{fortreegroups Groups ~ctx=ctx}}
	<tr data-ev="click" data-act="chMainV" data-ctx="{{:~ctx}}" data-method="changeGroup" data-data="{{if ~ctx=='LGroup'}}LG_id={{:LG_id}}{{else ~ctx=='WGroup'}}WG_id={{:WG_id}}{{else ~ctx=='PGroup'}}PG_id={{:PG_id}}{{/fi}}">
	  <td>{{if ~ctx=='LGroup'}}{{:LG_id}}{{else ~ctx=='WGroup'}}{{:WG_id}}{{else ~ctx=='PGroup'}}{{:PG_id}}{{/fi}}</td>
	  <td>{{:nimi}}</td>
	</tr>      
      {{/fortreegroups}}

     </tbody>
   </table>

<button data-ev="click" data-act="chMainV" data-ctx="{{:ctx}}" data-method="addGroup">Lis&auml;&auml; ryhm&auml;</button>