Skip to content

Instantly share code, notes, and snippets.

@claushellsing

claushellsing/parse.html

Created June 6, 2012 16:47
Show Gist options
  • Save claushellsing/2883192 to your computer and use it in GitHub Desktop.
Save claushellsing/2883192 to your computer and use it in GitHub Desktop.
Download ZIP
Table Parse
Raw
parse.html
<html>
<head>
<title></title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.tablesorter.js"></script>
<script type="text/javascript">
var stripExtraTags = function(ObjCollection) {
ObjCollection.each(function () {
$(this).html($(this).text());
});
}
var ConvertTdtoTh = function(tdCollection){
tdCollection.each(function() {
var newTh = $("<th>"+$(this).text()+"</th>");
$(this).after(newTh).remove();
});
}
var createThead = function(tableObj){
stripExtraTags(tableObj.find("td").removeAttr("class"));
var firstColumn = tableObj.find("tr:first").clone(true);
tableObj.find("tr:first").remove();
tableObj.prepend("<thead></thead>").children("thead").append(firstColumn);
ConvertTdtoTh(tableObj.find("thead td"));
}
$(document).ready(function () {
createThead($("#myTable"));
$("#myTable").tablesorter();
})
</script>
</head>
<body>
<table id="myTable" cellpadding="0" cellspacing="0" class="c4"><tbody><tr><td class="c0"><p class="c1"><span>Title 1</span></p></td><td class="c0"><p class="c1"><span>Title 2</span></p></td><td class="c0"><p class="c1"><span>Title 3</span></p></td><td class="c0"><p class="c1"><span>Title 4</span></p></td></tr><tr><td class="c0"><p class="c1"><span>Data 1.1</span></p></td><td class="c0"><p class="c1"><span>Data 1.2</span></p></td><td class="c0"><p class="c1"><span>Data 1.3</span></p></td><td class="c0"><p class="c1"><span>Data 1.4</span></p></td></tr><tr><td class="c0"><p class="c1"><span>Data 2.1</span></p></td><td class="c0"><p class="c1"><span>Data 2.2</span></p></td><td class="c0"><p class="c1"><span>Data 2.3</span></p></td><td class="c0"><p class="c1"><span>Data 2.4</span></p></td></tr><tr><td class="c0"><p class="c1"><span>Data 3.1</span></p></td><td class="c0"><p class="c1"><span>Data 3.2</span></p></td><td class="c0"><p class="c1"><span>Data 3.3</span></p></td><td class="c0"><p class="c1"><span>Data 3.4</span></p></td></tr><tr><td class="c0"><p class="c1 c2"><span></span></p></td><td class="c0"><p class="c1 c2"><span></span></p></td><td class="c0"><p class="c1 c2"><span></span></p></td><td class="c0"><p class="c1 c2"><span></span></p></td></tr><tr><td class="c0"><p class="c1 c2"><span></span></p></td><td class="c0"><p class="c1 c2"><span></span></p></td><td class="c0"><p class="c1 c2"><span></span></p></td><td class="c0"><p class="c1 c2"><span></span></p></td></tr></tbody></table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment