Table Static

Basic Styling

Rendering engine	Browser	Platform(s)	Engine version	CSS grade
Trident	Internet Explorer 4.0	Win 95+	4	X
Trident	Internet Explorer 5.0	Win 95+	5	C
Trident	Internet Explorer 5.5	Win 95+	5.5	A
Trident	Internet Explorer 6	Win 98+	6	A
Trident	Internet Explorer 7	Win XP SP2+	7	A

<table class="table">...</table>

Table Striped

Rendering engine	Browser	Platform(s)	Engine version	CSS grade
Trident	Internet Explorer 4.0	Win 95+	4	X
Trident	Internet Explorer 5.0	Win 95+	5	C
Trident	Internet Explorer 5.5	Win 95+	5.5	A
Trident	Internet Explorer 6	Win 98+	6	A
Trident	Internet Explorer 7	Win XP SP2+	7	A

<table class="table table-striped">...</table>

Table Bordered

Rendering engine	Browser	Platform(s)	Engine version	CSS grade
Trident	Internet Explorer 4.0	Win 95+	4	X
Trident	Internet Explorer 5.0	Win 95+	5	C
Trident	Internet Explorer 5.5	Win 95+	5.5	A
Trident	Internet Explorer 6	Win 98+	6	A
Trident	Internet Explorer 7	Win XP SP2+	7	A

<table class="table table-bordered">...</table>

Table Using Colgroup

Rendering engine	Browser	Platform(s)	Engine version	CSS grade
Trident	Internet Explorer 4.0	Win 95+	4	X
Trident	Internet Explorer 5.0	Win 95+	5	C
Trident	Internet Explorer 5.5	Win 95+	5.5	A
Trident	Internet Explorer 6	Win 98+	6	A
Trident	Internet Explorer 7	Win XP SP2+	7	A

<table class="table">...</table>

With Checkbox

	Rendering engine	Browser	Platform(s)	Engine version	CSS grade
	Trident	Internet Explorer 4.0	Win 95+	4	X
	Trident	Internet Explorer 5.0	Win 95+	5	C
	Trident	Internet Explorer 5.5	Win 95+	5.5	A
	Trident	Internet Explorer 6	Win 98+	6	A
	Trident	Internet Explorer 7	Win XP SP2+	7	A

// check all checkboxes in table
jQuery('.checkall').click(function(){
   var parentTable = jQuery(this).parents('table');										   
   var ch = parentTable.find('tbody input[type=checkbox]');
   if(jQuery(this).is(':checked')) {			
      //check all rows in table
      ch.each(function(){ 
         jQuery(this).attr('checked',true);
         jQuery(this).parent().addClass('checked');	//used for the custom checkbox style
         jQuery(this).parents('tr').addClass('selected'); // to highlight row as selected
      });			
   } else {		
      //uncheck all rows in table
      ch.each(function(){ 
         jQuery(this).attr('checked',false); 
         jQuery(this).parent().removeClass('checked');	//used for the custom checkbox style
         jQuery(this).parents('tr').removeClass('selected');
      });	
   }
});

Deletable Row

	Rendering engine	Browser	Platform(s)	Engine version
	Trident	Internet Explorer 4.0	Win 95+	4
	Trident	Internet Explorer 5.0	Win 95+	5
	Trident	Internet Explorer 5.5	Win 95+	5.5
	Trident	Internet Explorer 6	Win 98+	6
	Trident	Internet Explorer 7	Win XP SP2+	7

// delete row in a table
jQuery('.deleterow').click(function(){
   var conf = confirm('Continue delete?');
   if(conf)
      jQuery(this).parents('tr').fadeOut(function(){
         jQuery(this).remove();
         // do some other stuff here
      });
   return false;
});