DT-2014-07-14

by Jon McGuire

HTML

<script src="http://cdn.datatables.net/1.10.0/js/jquery.dataTables.js"></script>
min age: <input id="txt" type="text" value="35" /> 
<input type="button" value="go" onclick="checkAge()">
<br/>
<table cellpadding="0" cellspacing="0" border="0" id="people"></table>

JavaScript

var dataset = [
    {name:"jon", age:45},
    {name:"bob", age:33},
    {name:"joe", age:24},
    {name:"abe", age:71},
    {name:"mac", age:62}
];

var grid = null;
$(document).ready(function() {
	grid = 
        $('#people').dataTable({
		"data": dataset,
        "columnDefs": [
            { targets:[0], title:"the name", data:"name" },
            { targets:[1], title:"the age", data:"age" }
        ]
	});	
});

function checkAge() {
    var target = $("#txt").val() * 1;
    var api = grid.api().column(1).data();
    api.filter(function(val){ 
        alert(val > target);
        return (val > target); 
    }).draw();
}