tableutils

https://github.com/kolgepratik/tableutils

HTML

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="https://raw.githack.com/kolgepratik/tableutils/master/js/tableutils.js"></script>
<link rel="stylesheet" href="https://raw.githack.com/kolgepratik/tableutils/master/css/tableutils.css">
<div id="outSide"></div>
<div class="demoContentDIV">
    <ul id="allDemos" style="list-style-type: none;">
        <li id="searchContent">
            <table id="searchMe" width="980px">
                <thead>
                    <tr>
                        <th width="20%">First Name</th>
                        <th width="20%">Last Name</th>
                        <th width="10%">Concept</th>
                        <th width="10%">Rating</th>
                        <th width="40%">AKA</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td width="20%">Tony</td>
                        <td width="20%">Stark</td>
                        <td width="10%">Marvel</td>
                        <td width="10%">42</td>
                        <td width="40%">Iron Man</td>
                    </tr>
                    <tr>
                        <td width="20%">Jack</td>
                        <td width="20%">Sparrow</td>
                        <td width="10%">Disney</td>
                        <td width="10%">40</td>
                        <td width="40%">Pirate</td>
                    </tr>
                    <tr>
                        <td width="20%">Bruce</td>
                        <td width="20%">Banner</td>
                        <td width="10%">Marvel</td>
                        <td width="10%">38</td>
                        <td width="40%">The Hulk</td>
                    </tr>
                    <tr>
                        <td width="20%">Clarke</td>
                        <td width="20%">Kent</td>
                        <td width="10%">DC</td>
                        <td width="10%">35</td>
           ...

JavaScript

function searchRecords() {
		    $('#searchMe').tableutils({
		       filter: {
         type: ['noFilter','noFilter','text']             
},
		        fixHeader: {
		            width: 1000,
		            height: 200
		        },

		        columns: [{
		            label: 'First Name'
		        }, {
		            label: 'Last Name'
		        }, {
		            label: 'Concept'
		        }, {
		            label: 'Rating'
		        }, {
		            label: 'AKA'
		        }]
		    });

		    $('#searchRecords').hide();
		}

		searchRecords();

$('#filter_searchMe_2').css('width','100px').detach().appendTo( "#outSide" );