It should be: or Note that if your cell contains some content that doesn’t fit into the 200px (like somelongwordwithoutanyspaces), the cell will stretch nevertheless, unless your CSS contains table-layout: fixed for the table. EDIT As kristina childs noted on her answer, you should avoid both the width attribute and using inline CSS (with the … Read more
It’s not the prettiest CSS, but I got this to work: Examples, with and without ellipses: Expand snippet
Expand snippet There is a CSS selector, really a pseudo-selector, called nth-child. In pure CSS you can do the following: Note: No support in IE 8. Or, if you have jQuery:
I have IE 7.0, Firefox 3.0 and Chrome 1.0 The colspan=”0″ attribute in a TD is NOT spanning across all TDs in any of the above browsers. Maybe not recommended as proper markup practice, but if you give a higher colspan value than the total possible no. of columns in other rows, then the TD … Read more
A form is not allowed to be a child element of a table, tbody or tr. Attempting to put one there will tend to cause the browser to move the form to it appears after the table (while leaving its contents — table rows, table cells, inputs, etc — behind). You can have an entire … Read more
There are several issues: Class names (and IDs) are not allowed to start with a digit. You have to pass a class to getElementsByClassName(). You have to iterate of the result set. Example (untested): Note that getElementsByClassName() is not available up to and including IE8. Update: Alternatively you can give the table an ID and … Read more
Fixed table head – CSS-only Simply position: sticky; top: 0; your th elements. (Chrome, FF, Edge) For both sticky vertical TH and horizontal TH columns (inside TBODY): TH borders problem fix Since border cannot be painted properly on a translated TH element, to recreate and render “borders” use the box-shadow property: Fixed table head – using JS. (IE) You can use a bit of JS and translateY the th elements jQuery example Or plain … Read more
Basics For controlling “cellpadding” in CSS, you can simply use padding on table cells. E.g. for 10px of “cellpadding”: For “cellspacing”, you can apply the border-spacing CSS property to your table. E.g. for 10px of “cellspacing”: This property will even allow separate horizontal and vertical spacing, something you couldn’t do with old-school “cellspacing”. Issues in … Read more
Table with Fixed Header Run code snippetExpand snippet Result This is working in all browser Demo jsfiddle http://jsfiddle.net/nyCKE/6302/