Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to split a table cell vertically

Tags:

html

css

cell

I know a similar question on this topic has been asked, but doesn't look like there was a definitive solution. So with that, here's my fiddle:

http://jsfiddle.net/UjAQf/24/

I want to split the table cell under the "Pick" heading vertically. I'd prefer a solution that doesn't require JS or anything wonky, if possible.

like image 471
keruilin Avatar asked Jun 10 '11 01:06

keruilin


People also ask

Can I split a table vertically in Word?

Split cells Select the cell that you want to split. Select Layout > Split Cells. Enter the number of columns or rows that you want to split the selected cell into, and then select OK.

How do you split a cell in a table?

Click in a cell, or select multiple cells that you want to split. Under Table Tools, on the Layout tab, in the Merge group, click Split Cells. Enter the number of columns or rows that you want to split the selected cells into.

How do you split a table vertically in HTML?

You can't really split a cell vertically, but if you add another cell after it in each of the table body rows and give the heading row a colspan="2" you can have two different cells under one heading.

Can you split a cell within a cell in Excel?

You might want to split a cell into two smaller cells within a single column. Unfortunately, you can't do this in Excel. Instead, create a new column next to the column that has the cell you want to split and then split the cell. You can also split the contents of a cell into multiple adjacent cells.


1 Answers

Actually you could have used rowspan=2 HTML property for the other cells, and then you could have you cell splited vertically

http://jsfiddle.net/Ty44J/

http://www.w3schools.com/tags/att_td_rowspan.asp

like image 136
Felipe Sabino Avatar answered Sep 28 '22 22:09

Felipe Sabino