#html-table

How to: Colspan all columns #dev #it #programming

Colspan all columns

How can I specify a td tag should span all columns (when the exact amount of columns in the table will be variable/difficult to determine when the HTML is being rendered)? w3schools mentions you can use colspan="0", but it doesn’t say exactly what browsers support that value (IE 6 is in our list to support).

Edit: It appears that setting colspanto a value greater than the…

Fix: CSS3's border-radius property and border-collapse:collapse don't mix. How can I use border-radius to create a collapsed table with rounded corners? #computers #it #solution

CSS3’s border-radius property and border-collapse:collapse don’t mix. How can I use border-radius to create a collapsed table with rounded corners?

Edit – Original Title: Is there an alternative way to achieve border-collapse:collapse in CSS (in order to have a collapsed, rounded corner table)?

Since it turns out that simply getting the table’s borders to collapse does not solve the root…

How-to: What is the best way to remove a table row with jQuery? #it #computers #solution

What is the best way to remove a table row with jQuery?

What is the best method for removing a table row with jQuery?

Answer [by Darryl Hein]: What is the best way to remove a table row with jQuery?

Is the following acceptable:

$('#myTableRow').remove();

Answer [by imjoevasquez]: What is the best way to remove a table row with jQuery?

You’re right:

$('#myTableRow').remove();

This works fine…

Solution: jQuery – How to Use slideDown (or show) function on a table row? #computers #it #answer

jQuery – How to Use slideDown (or show) function on a table row?

I’m trying to add a row to a table and have that row slide into view, however the slidedown function seems to be adding a display:block style to the table row which messes up the layout.

Any ideas how to work around this?

Here’s the code:

$.get('/some_url', { 'val1': id }, function (data) { var row = $('#detailed_edit_row');…

How to: Internet Explorer 9 not rendering table cells properly

Internet Explorer 9 not rendering table cells properly

My website has always run smoothly with IE8, IE7, FF, Chrome and Safari. Now I’m testing it on IE9 and I’m experiencing a strange problem: in some pages, some tabular data renders incorrectly.

The HTML source is correct and all, and the row giving the problem changes every time I refresh the page (to tell the truth, the problem itself…

How to: Using Position Relative/Absolute within a TD?

Using Position Relative/Absolute within a TD?

I have the following code:

<td style="position: relative; min-height: 60px; vertical-align: top;"> Contents of table cell, variable height, could be more than 60px; <div style="position: absolute; bottom: 0px;"> Notice </div> </td>

This does not work at all. For some reason, the position:relative command isn’t being read on the TD and the notice DIV…

Fixed Alternate table row color using CSS? #dev #it #asnwer

Alternate table row color using CSS?

I am using a table with alternate row color with this.

CSS:

tr.d0 td { background-color: #CC9999; color: black; } tr.d1 td { background-color: #9999CC; color: black; }

HTML:

<table> <tr class="d0"><td>One</td><td>one</td></tr> <tr class="d1"><td>Two</td><td>two</td></tr> </table>

Here I am using class for tr, but I want to use only for table. When I use…

How to: HTML table headers always visible at top of window when viewing a large table

HTML table headers always visible at top of window when viewing a large table

I would like to be able to “tweak” an HTML table’s presentation to add a single feature: when scrolling down through the page so that the table is on the screen but the header rows are off-screen, I would like the headers to remain visible at the top of the viewing area.

This would be conceptually like the “freeze…