I written a program which adds scrollbars to html table…without hiding html heading.
Please help me
THIS PROGRAM IS EXECUTE SUCCESSFULLY…BUT NOT SHOWING SCROLLBAR
</style>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
function getdata()
{
var val=$("#txt").val();
$.getJSON('database.php',{age:val},function(data){
if(data.length>0)
{$('#error').html("");
var table = '<table border="1" id="bus_ser">';
table += '<tr><td>'
+ 'User Information'
+ '</td><td>age</td></tr>';
$.each(data,function(i,element){
table +='<tbody id="bus"><tr><td>' + element.id+'</td><td>'+element.age+'</td></tr></tbody>';
});
table +='</table>';
$('#user_profile_content').html(table);
}
else {
$('#error').html("no data found");
$('#user_profile_content').html("");
}
});
}
</script>
</head>
<body>
<div id="user_profile_content" ></div>
<div id="error"></div>
<input type="text" id="txt" >
<input type="submit" value="submit" onclick="getdata();">
</body>