How to make dynamic tables in HTML

Everyone knows about HTML tables but what if we want to improve the functionality of the html table such as if we want to make them dynamic or if we want add pagination to Table or if we want to add filters to the Columns of the tables or we want to add a search field for the table. To do all this things we have to use data Tables in our working. DataTables is the jquery plugin that we have to use with our HTML tables that means we don't have to make any changes in our HTML table instead we just have to use some simple jquery code in our page.

You can Download Any version of datatables According to your needs HERE

HOW TO USE DATATABLES:

Step 1 : Download And Extract All the Files.
Step 2 : Import css and JS Files in you HTML Page.
Step 3 : Now Give your HTML table ID e.g. <table id= "example">
Step 4: Now We just have to Initialize DataTable Just write the following code to initialze dataTables

$(document).ready(function(){
$('#example').dataTable();
});

And You Are Done. Your HTML Tables will Become

The package you have previously downloaded Also contains a Lot of Examples of different Features. So you can Use this Jquery Plugin To modify your HTML tables. It will Provide You a range selector , A jquery Key To Key Search BoX ( It will Search Your Table As you are typing in Search Box ), Sortable Columns Pagination etc in the default Initialization. DataTables Also Provides Many More Features Like Column Filter etc.

Thankyou

Comments

OSI Model (Tutorial-6)

What is the OSI model ? Open Systems Interconnection model is fundamental to all communications between network devices. Developed in 1974 by ISO after the American Department of Defence began using the TCP/IP suite of protocols. Finally adopted in 1977. It is now the theoretical model for how communication takes place between network devices. What are the seven layers ? Layers OSI Model Layer 7 Layer 6 Layer 5 Layer 4 Layer 3 Layer 2 Layer 1

Eden: PHP Library To Get Things Easy For PHP Developer

Eden is PHP Library designed for helping developers in their rapid development work. In Our most of the project we have to integrate our developed website or application with most of the social networking websites like Google, Facebook, Twitter, yahoo etc. so what we do is we integrate libraries of different websites differently Although We could make the code reusable but still if the websites increases then confusion will also increases. Adding different libraries form different sources add more complexity to your project and ends up to be hard to maintain. Eden simply a set of reusable components, that works with any PHP framework and CMS. Eden makes code logical and readable with dead simple syntax. Eden Will work With Most Of Web services including Amazon Web service Facebook Foursquare Google twitter tumbler Paypal Yahoo You could Download the File From Eden Official Website and Can use this will just a simply including this...

Network Topologies (Tutorial-4)

Topology refers to the way in which the network of computers is connected. The choice of topology is dependent upon--- Type and number of equipment being used Planned applications and rate of data transfers Required response times Cost Types of Network Topologies Physical Topology: Physical topology defines how devices are connected to the network through the actual cables that transmit data(physical structure of the network) Logical Topology: Logical Topology (also referred to as Signal Topology) is a network computing term used to describe the arrangement of devices on a network and how they communicate with one another.

Sarwara's Blog

Search This Blog