minor

2-ui/2-events/03-event-delegation/3-sortable-table/task.md

@@ -0,0 +1,43 @@
+importance: 4
+
+---
+
+# Sortable table
+
+Make the table sortable: clicks on `<th>` elements should sort it by corresponding column.
+
+Each `<th>` has the type in the attribute, like this:
+
+```html
+<table id="grid">
+  <thead>
+    <tr>
+*!*
+      <th data-type="number">Age</th>
+      <th data-type="string">Name</th>
+*/!*
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>5</td>
+      <td>John</td>
+    </tr>
+    <tr>
+      <td>10</td>
+      <td>Ann</td>
+    </tr>
+    ...
+  </tbody>
+</table>
+```
+
+In the example above the first column has numbers, and the second one -- strings. The sorting function should handle sort according to the type.
+
+Only `"string"` and `"number"` types should be supported.
+
+The working example:
+
+[iframe border=1 src="solution" height=190]
+
+P.S. The table can be big, with any number of rows and columns.