Posted By

MikeAcreman on 06/17/11

Tagged

table
jquery

Versions (?)

Last Edited at 06/17/11 04:14am

Statistics

Viewed 707 times

Favorited by 0 user(s)

Related snippets

jQuery implementation of align=char

/ Published in: jQuery

This is probably buggy and certainly not the most efficient way to do it.

Highlighted TextExpand

$('table').ready(function(){

$(this).find('col').each(function(){
	
		if(!$(this).attr('align')=='char')
			return false;
		
		align_by = $(this).attr('char');

before_width = 0;
		after_width = 0;
		char_width = 0;
	
		eq = $(this).index();

table = $(this).closest('table');
		table.find('tr').each(function(){
			$(this).find('td').eq(eq).each(function(){

$(this).css('position','relative');
				$(this).css('white-space','nowrap');

html = $(this).html();
				html = html.split(align_by);
				if(html.length>1){
					$(this).html(''+html[0]+'.'+html[1]+'')
					char = $(this).find('.char');
					left = char.position().left;
					width = char.width();
					right = $(this).width() - left - width;
		
					
					before_width = Math.max(left, before_width);
					after_width = Math.max(right,after_width);
					char_width = Math.max(char_width, width);
				}

})
			
			$(this).find('td').eq(eq).each(function(){
				align = $(this).css('text-align');
				if(align=='left'){
				
					$(this).find('.before_char').css('width',before_width+'px').css('display','inline-block').css('text-align','right');
				
				}else if(align=='right') {
					
					$(this).find('.after_char').css('width',after_width+'px').css('display','inline-block').css('text-align','left');
				
				} else {
				
					
					if(before_width > after_width){
						$(this).find('.before_char').css('width',before_width+'px').css('display','inline-block').css('text-align','right');
						$(this).css('text-align','left');
					} else {
	
						$(this).find('.after_char').css('width',after_width+'px').css('display','inline-block').css('text-align','left');										
						$(this).css('text-align','right');
					}
				}

})
		})
	
	})

})

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.