Create dinamic sortable table

Hi,
something like

{{velocity}}
#set ($discard=$xwiki.ssfx.use("js/xwiki/table/table.css"))
#set ($discard=$xwiki.jsfx.use("js/xwiki/table/tablefilterNsort.js", true))
{{/velocity}}


(% class="doOddEven grid sortable" id="myId2" %)
(% class="sortHeader" %)|=Name|=Value
|Name1 |10
|Name2 |20
|Name3 |15
|Name4 |4

or with an additional filter header


(% class="doOddEven filterable grid sortable" id="myId1" %)
(% class="sortHeader" %)|=Name|=Value
|Name1 |10
|Name2 |20
|Name3 |15
|Name4 |4

Note: As column 2 contains numbers, sorting is numerically done.