diff --git a/modules/Tables.html b/modules/Tables.html
new file mode 100644
index 0000000..0b05451
--- /dev/null
+++ b/modules/Tables.html
@@ -0,0 +1,45 @@
+<form>
+    <label for="in">WIKI:</label><textarea id="in" cols=40 rows=30></textarea>
+    <label for="out">HTML:</label><textarea id="out" cols=40 rows=30></textarea><br />
+    <input type="submit" value="Convert" />
+</form>
+
+<script id="javascript">
+    var attrs = "", headers = "", rows = "";
+    function renderTables(wiki) {
+        wiki.replace(findTable, parseTable);
+        var HTML = "<table" + (attrs ? " " + attrs : "") + ">" +
+                (headers ? "<thead>" + headers + "</thead>" : "") +
+                (rows ? "<tbody>" + rows + "</tbody>" : "") +
+                "</table>";
+        attrs = headers = rows = "";
+        return HTML;
+    }
+
+    var findTable = /\{\|\s*([\s\S]*?)\s*\|\}/g,
+            parseTable = function(match, content) {
+                Array.prototype.forEach.call(content.split(newRow), renderRow);
+            };
+
+    var newRow = /\s*\|-\s*(?:\|\s*)?/g,
+            renderRow = function(content) {
+                console.log("tr", content, arguments);
+                if (content.indexOf("=") !== -1) { console.log("attrs"); attrs += content; }
+                else if (content[0] === "!") { console.log("th"); headers += "<tr>" + content.replace(findHeader, renderHeader) + "</tr>"; }
+                else { console.log("td"); rows += "<tr>" + content.replace(findCol, renderCol) + "</tr>"; }
+            };
+
+    var findHeader = /\s*!\s*([^!]+?)(?=\s*!|$)/g, renderHeader = "<th>$1</th>";
+
+    var findCol = /(?:^\s*|\s*\|\s*)([^\|]+?)(?=\s*\||$)/g, renderCol = "<td>$1</td>";
+
+    var _in = document.getElementById("in"), _out = document.getElementById("out");
+    _out.value = renderTables(_in.value);
+
+    document.forms[0].onsubmit = function(e) {
+        e.preventDefault();
+        _out.value = renderTables(_in.value);
+    };
+
+
+</script>