AllInWorld99 provides a reference manual covering many aspects of web programming, including technologies such as HTML, XHTML, CSS, XML, JavaScript, PHP, ASP, SQL,FLASH, jQuery, java, for loop, switch case, if, if else, for...of, for...in, for...each,while loop, blogger tips, blogger meta tag generator, blogger tricks, blogger pagination, client side script, html code editor, javascript editor with instant output, css editor, online html editor, materialize css tutorial, materialize css dropdown list,break, continue statement, label,array, json, get day and month dropdown list using c# code, CSS button,protect cd or pendrive from virus, cordova, android example, html and css to make android app, html code play,telerik show hide column, Transparent image convertor, copy to clipboard using javascript without using any swf file, simple animation using css, SQL etc. AllInWorld99 presents thousands of code examples (accompanied with source code) which can be copied/downloaded independantly. By using the online editor provided,readers can edit the examples and execute the code experimentally.


Create dynamic table in jquery:-
   Create a table on execution time is called dynamic table. Many plugins available for this dynamic table like telerik grid and more. The below example is used to create a dynamic table without using any external plugins.
    This table having pagination, and you can easy to change your design like color position number of columns.


Example Program:- (Editor)
Submit Changes Reset
output:-



Program Explanation:-
var hdnPageSize1=20; => This Value is indicate how many data display in each page,
var hdnCurrentPage1=0; => This is the starting data index

var hdnNxtPageSize=5;  => How many page display in every view
var hdnNxtCurrentPage=0; => Starting page index

This Following Code is inserting data manually, you can replace by your data.

var result=[];
var total_record=500;
$(window).load(function(){
for(var i=0;i<total_record;i++)
{
var obj=new Object();
obj.SLNO=parseInt(i)+1;
obj.Name="Name : "+i;
obj.Tamil="Tamil : "+i;
obj.Maths="Maths : "+i;
obj.English="English : "+i;
obj.Computer="Computer : "+i;
obj.count=total_record;
result.push(obj);
}
Table_initilize();
});

Advertisement


ScreenShot:-



0 comments:

Post a Comment

Notification

Total Pageviews