Find parent table tag from td
You need to use closest() function: $(‘td’).closest(‘table’);
html-table
HTML Table width in percentage, table rows separated equally
Use the property table-layout:fixed; on the table to get equally spaced cells. If a column has a width set, then no matter what the content is, it will be the specified width. Columns without a width set will divide whatever room is left over among themselves. <table style=”table-layout:fixed;”> <tbody> <tr> <td>gobble de gook</td> <td>mibs</td> </tr> … Read more
Insert th in thead
You can also use the insertCell method as originally requested. You just have to change the outerHTML to overwrite the <td> created by the insertCell method: var table = document.createElement(“TABLE”) var row = table.insertRow(0); row.insertCell(0).outerHTML = “<th>First</th>”; // rather than innerHTML To match the example given: HTML <table id=”table”> <thead> <tr> <th>First</th> </tr> <thead> </table> … Read more
How to align td elements in center [duplicate]
It should be text-align, not align https://developer.mozilla.org/en/CSS/text-align
Getting td by index with jQuery
With plain JavaScript: // table is a reference to your table table.rows[rowIndex].cells[columnIndex] Reference: HTMLTableElement, HTMLTableRowElement With jQuery, you could use .eq(): $(‘#table tr’).eq(rowIndex).find(‘td’).eq(columnIndex) // or $(‘#table tr:eq(‘ + rowIndex + ‘) td:eq(‘ + columnIndex + ‘)’)
Cols, colgroups and css “:hover” pseudoclass
Here’s a pure CSS method using no JavaScript. I used ::before and ::after pseudo-elements to do the row and column highlighting. z-index keeps the highlighting below the <td>s in case you need to handle click events. position: absolute allows them to leave the confines of the <td>. overflow: hidden on the <table> hides the highlight … Read more
CSS width and max-width combined
Add display: block; to the table element’s style attribute (preferably in a CSS file or the <style> section of the document rather than as in inline style). <div> elements have display: block by default, while <table> elements have display: table; by default. Your problem is that the max-width property only applies to block elements, so … Read more
scroll bar for a table cell
Yes you can do that. The easiest way is to put inside your cell a div filling it and set its overflow style property. CSS : div.scrollable { width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; } HTML : <td><div class=scrollable> Some content with a scrollbar if it’s too big for the cell … Read more
scale html table before printing using css
I know I’m raising the dead, but for future search results reference: I ran into a problem with super wide tables causing all the browsers to calculate the height incorrectly and repeat the thead multiple times on single pages – my solution was to apply zoom: 80% to the body (% varies based on your … Read more
Why do Google and Twitter use table layout? [duplicate]
Page load time is king for these guys, and bandwidth usage is extreme. I’d have to say they use tables for raw data speed, since they are serving up so much bandwidth every day. Also, notice that they use inline styles in the page header to reduce the number of HTTP requests to help speed … Read more