How to get table width based on longest text in asp.net

Question

Technology: Visual Studio 2010, Asp.Net 4.0

I have several tables arranged vertically from each other. They are dynamically created in code. I would like to make the first column the same width for each table based on the longest text from the first column. the width of the character is determined first because the cell needs to dynamically resize the content.

Note: the first column (td) of each table row has a label.

So for example:

Table1 (first column) 1 12 Table2 (first column) 123 1234 

The longest width will be the cell that contains [1234]. Now I would like to set the first column cells of other tables to this width.

Here is a basic layout. Fiddle
Of course, this does not show how it is created dynamically, but the general meaning of it.

Answer 1

You can iterate through td and use the text () function to find the number of characters and filter td with the maximum number of characters.

Live demo

 var maxlen=0; var tdLongest; $('table td').each(function(){ if($(this).text().length > maxlen) { maxlen = $(this).text().length; tdLongest = $(this); } }); alert(tdLongest.text()); alert(tdLongest.width());