$(this).parent().siblings(“:first”).text() parent gives you the <td> around the link, siblings gives all the <td> tags in that <tr>, :first gives the first matched element in the set. text() gives the contents of the tag.
This is what worked for me (in FireFox, Chrome and old 12.x Opera). My tables which I wanted to have 100% width and the last column to fill the rest has the class tableList and here’s CSS: .tableList { width: 100%; } .tableList td { width: 1px; } /* min width, actually: this causes the … Read more
Try this: $(“#mainTable tr:first”).after(row); .after()
The problem is, the content inside your table requires more space than 100% of your window-size offers. What you could do, is to use the overflow-property of CSS. Try the following example and chose, wether this is an option for you: <!DOCTYPE html> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <title></title> <style> .table { color: green; display: block; max-width: … Read more
If you only require to simply move a column without any fancy drag-drop animation, the following JS should do the trick: <script type=”text/javascript”> $(function() { jQuery.each($(“table tr”), function() { $(this).children(“:eq(1)”).after($(this).children(“:eq(0)”)); }); }); </script> Replacing the numbers as necessary. The concept works It seems that writing this as a one liner isn’t really possible. including td … Read more
You can use jQuery click instead of using onclick attribute, Try the following: $(‘table’).on(‘click’, ‘input[type=”button”]’, function(e){ $(this).closest(‘tr’).remove() }) Demo
select (select p.ProblemType as ‘td’ for xml path(”), type), (select p.Onset as ‘td’ for xml path(”), type), (select p.DiagnosisStatus as ‘td’ for xml path(”), type) from tblProblemList p where p.PatientUnitNumber = @PatientUnitNumber for xml path(‘tr’) To add the header as well you can use union all. select (select ‘Problem’ as th for xml path(”), type), … Read more
How about using inline-block with a fixed width table… Or using % roughly 45% of width for your td elements so you won’t need to define width for the table Demo Here, am just turning the td to display: inline-block; and because of the fixed width table, they will be forced to wrap to the … Read more
#!/usr/bin/ruby1.8 require ‘nokogiri’ require ‘pp’ html = <<-EOS (The HTML from the question goes here) EOS doc = Nokogiri::HTML(html) rows = doc.xpath(‘//table/tbody[@id=”threadbits_forum_251″]/tr’) details = rows.collect do |row| detail = {} [ [:title, ‘td[3]/div[1]/a/text()’], [:name, ‘td[3]/div[2]/span/a/text()’], [:date, ‘td[4]/text()’], [:time, ‘td[4]/span/text()’], [:number, ‘td[5]/a/text()’], [:views, ‘td[6]/text()’], ].each do |name, xpath| detail[name] = row.at_xpath(xpath).to_s.strip end detail end pp details … Read more
A better way than setting cellspacing=”10″ is to use CSS. You can use the following CSS to target the table’s cell spacing. table { border-spacing: 10px 0; } The first value specifies the horizontal spacing, and the second value specifies the vertical spacing.