I am trying to create a table in HTML. I have the following design to create. I had added a Can anyone suggest me how I can achieve this? I am unable to create Name1 | Price1 sections. You must add a full table inside the td Putting table into table is totally invalid approach. Also, you cannot put tr inside td. You need to use HTML: And some CSS: You can solve without nesting tables. Try this code Put another table inside the td element like this. Full Example: Just add a new inside the but somehow the table is not created as per the design. 回答1:
... 回答2:
colspan
and rowspan
. Check this fiddle.Name 1 Name 2 Name 3 Name 4 ITEM 1 ITEM 2 name1 price1 ITEM 4 name2 price2 name3 price3/td> table { border-collapse: collapse } td { border: 1px solid #000000 }
回答3:
ABC ABC ABC ABC Item1 Item1 Item1 Item1 Name1 Price1 Name2 Price2 Name3 Price3 Item2 Item2 Item2 Item2 回答4:
Name 1 Name 2 Name 3 Name 4 ITEM 1 ITEM 2 name price ITEM 4 name price name price 回答5:
... ... ABC ABC ... name1 price1 ABC 回答6:
ABC ABC ABC ABC Item 1 Item 1 Name 1 Price 1 Name 2 Price 2 Name 3 Price 3 Item 1 Item 2 Item 2 Item 2 Item 2 Item 3 Item 3 Item 3 Item 3 回答7:
table
in the td
you want. Example: http://jsfiddle.net/AbE3Q/ABC ABC ABC ABC Item1 Item2 qweqwewe qweqwewe qweqwewe qweqwewe qweqwewe qweqwewe Item3 回答8:
Product quantity Price Totall Item-1 Item-1 Name1 Price1 Name2 Price2 Name3 Price3 Name4 Price4 Item-1 Item-2 Item-2 Item-2 Item-2 Item-3 Item-3 Item-3 Item-3
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试):
问题:
文章来源: Html table tr inside td