It is okay now sir. :)
I put the first javascript (fixed gridview header and auto scrollbar) into one function and call it in the second javascript (auto filter on keypress)
<script type="text/javascript">
function callGridviewScroll() {
var $160 = jQuery.noConflict();
$160(document).ready(function () {
gridviewScroll();
});
function gridviewScroll() {
$160('#<%=grdTenant.ClientID%>').gridviewScroll({
width: 1080,
height: 340,
// freezesize: 2, //kung gusto mag free yung column enable this pls
//IsInUpdatePanel: true
arrowsize: 30,
varrowtopimg: "images/arrowvt.png",
varrowbottomimg: "images/arrowvb.png",
harrowleftimg: "images/arrowhl.png",
harrowrightimg: "images/arrowhr.png"
});
}
</script>
<script type="text/javascript">
var $KeyPressSearch = jQuery.noConflict();
function filter2(phrase, _id) {
var words = phrase.value.toLowerCase().split(" ");
var table = document.getElementById(_id);
var ele;
for (var r = 1; r < table.rows.length; r++) {
ele = table.rows[r].innerHTML.replace(/<[^>]+>/g, "");
var displayStyle = 'none';
for (var i = 0; i < words.length; i++) {
if (ele.toLowerCase().indexOf(words[i]) >= 0)
displayStyle = '';
else {
displayStyle = 'none';
break;
callGridviewScroll();
}
}
table.rows[r].style.display = displayStyle;
}
var lblTotalDSRdata = $KeyPressSearch("#grd tr").length;
}
</script>
and it worked already.
Thanks