![]() ![]() ![]() If I was needing this table, and knowing what I know now after all the methods I went through. It could also be done with CSS and a bundle of added HTML elements, but I don’t want to go there. Positioning the red line could be done with a little JS that monitors the height of the cells and transfers that height to the red line. ![]() Using eigher of these techniques, the height of the header cells cannot be allowed to change - contents cannot un/wrap.Ĭontent:"COMMANDER DATA REPORTING FOR DUTY, SIR" The result will be satisfactory at different font sizes. One could set top: a fixed em distance from the top (as shown here). Max-width:94em /* as desired, possibly unnecessary - depends on page design */ Is there a clever way maybe to position a line under the thead thats not actually part of the table body or equivalent. If I could but margins on the cells I think it would be easy I’m sure there must be a better way but I’m stuck how I should do it. I have done it in my example by positioning a 20px width div above and below the line. When scrolling left/right I need the table to go under the margin The left side of the table I need a margin on the left of the tr but the line under the heading needs to go to the edge of the table. I thought this would be easy but I’m stuck ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |