<commit_before><!DOCTYPE html>
<html>
<head>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>


	<!-- JavaScript insert start -->

	<script src="jquery.tidy.table.min.js"></script>
	<script>
	$(document).ready(function() {
		$('#container')
			.TidyTable({
				enableCheckbox : true,
				enableMenu     : true
			},
			{
				columnTitles : ['Rank','Programming Language','Ratings Jan 2012','Delta Jan 2012','Status'],
				columnValues : [
					['1','Java','17.479%','-0.29%','A'],
					['2','C','16.976%','+1.15%','A'],
					['3','C#','8.781%','+2.55%','A'],
					['4','C++','8.063%','-0.72%','A'],
					['5','Objective-C','6.919%','+3.91%','A']
				],
				menuOptions : [
					['- Action -', null],
					['Callback 1', { callback : doSomething1 }],
					['Callback 2', { callback : doSomething2 }]
				],
				postProcess : {
					table  : doSomething3,
					column : doSomething4,
					menu   : doSomething5
				}
			});
	});

	// do something with selected results
	function doSomething1(rows) {
		alert('callback1(rows=' + rows.length + ')');
	}

	function doSomething2(rows) {
		alert('callback2(rows=' + rows.length + ')');
	}

	// post-process DOM elements
	function doSomething3(table) {
		table.on('hover', function() {
			//alert('post-process(table)');
		});
	}

	function doSomething4(col) {
		col.on('click', function() {
			alert('post-process(value=' + $(this).text() + ')');
		});
	}

	function doSomething5(menu) {
		menu.on('change', function() {
			//alert('post-process(menu)');
		});
	}
	</script>

	<!-- JavaScript insert end -->


	<!-- CSS include start -->

	<link rel="stylesheet" type="text/css" href="jquery.tidy.table.min.css">

	<!-- CSS include end -->


	<!-- CSS overrides start -->

	<link rel="stylesheet" type="text/css" href="http://mbrooks.info/demo.css">
	<link rel="stylesheet" type="text/css" href="demo.css">

	<!-- CSS overrides end -->


	<title>Tidy Table - Generate a sortable HTML table from JSON</title>
</head>
<body>

<p id="about">
	This <strong>jQuery</strong> plugin is <a href="jquery.tidy.table.min.js" title="Only 3.4 kB">lightweight</a>, easy to <a href="README.html#install" title="Installation">install</a> / <a href="demo.css" title="Stylesheet">customize</a>, and works on all modern web browsers.
</p>


<!-- HTML example start -->

<div id="container"></div>

<!-- HTML example end -->


<!-- footer start -->

<div id="footer"><commit_msg>Updated 3rd party includes URLs with HTTPS<commit_after><!DOCTYPE html>
<html>
<head>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>


	<!-- JavaScript insert start -->

	<script src="jquery.tidy.table.min.js"></script>
	<script>
	$(document).ready(function() {
		$('#container')
			.TidyTable({
				enableCheckbox : true,
				enableMenu     : true
			},
			{
				columnTitles : ['Rank','Programming Language','Ratings Jan 2012','Delta Jan 2012','Status'],
				columnValues : [
					['1','Java','17.479%','-0.29%','A'],
					['2','C','16.976%','+1.15%','A'],
					['3','C#','8.781%','+2.55%','A'],
					['4','C++','8.063%','-0.72%','A'],
					['5','Objective-C','6.919%','+3.91%','A']
				],
				menuOptions : [
					['- Action -', null],
					['Callback 1', { callback : doSomething1 }],
					['Callback 2', { callback : doSomething2 }]
				],
				postProcess : {
					table  : doSomething3,
					column : doSomething4,
					menu   : doSomething5
				}
			});
	});

	// do something with selected results
	function doSomething1(rows) {
		alert('callback1(rows=' + rows.length + ')');
	}

	function doSomething2(rows) {
		alert('callback2(rows=' + rows.length + ')');
	}

	// post-process DOM elements
	function doSomething3(table) {
		table.on('hover', function() {
			//alert('post-process(table)');
		});
	}

	function doSomething4(col) {
		col.on('click', function() {
			alert('post-process(value=' + $(this).text() + ')');
		});
	}

	function doSomething5(menu) {
		menu.on('change', function() {
			//alert('post-process(menu)');
		});
	}
	</script>

	<!-- JavaScript insert end -->


	<!-- CSS include start -->

	<link rel="stylesheet" type="text/css" href="jquery.tidy.table.min.css">

	<!-- CSS include end -->


	<!-- CSS overrides start -->

	<link rel="stylesheet" type="text/css" href="https://mbrooks.info/demo.min.css">
	<link rel="stylesheet" type="text/css" href="demo.css">

	<!-- CSS overrides end -->


	<title>Tidy Table - Generate a sortable HTML table from JSON</title>
</head>
<body>

<p id="about">
	This <strong>jQuery</strong> plugin is <a href="jquery.tidy.table.min.js" title="Only 3.4 kB">lightweight</a>, easy to <a href="README.html#install" title="Installation">install</a> / <a href="demo.css" title="Stylesheet">customize</a>, and works on all modern web browsers.
</p>


<!-- HTML example start -->

<div id="container"></div>

<!-- HTML example end -->


<!-- footer start -->

<div id="footer">
{'fraction_non_alphanumeric': 0.22992478145964626, 'fraction_numerical': 0.028257775970725756, 'mean_word_length': 3.4484629294755877, 'pattern_counts': {'":': 0, '<': 79, '<?xml version=': 0, '>': 79, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1133523', 'n_tokens_mistral': 1984, 'n_tokens_neox': 1689, 'n_words': 325}