Tools, FAQ, Tutorials:
'colspan' - Merging Cells HTML Table Rows
How To Merge Cells in a Row?
✍: FYIcenter.com
If you want to merge multiple cells horizontally in a row, you need to use
the "colspan" attribute of in a "td" element. "colspan" allows you to specify
how many cells you want to merge into this cell horizontally.
Below is a tutorial example of merging cells horizontally:
<?xml version="1.0" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Cell Merging in a Row</title> </head> <body> <table border="1" width="300" style="background-color: #eeeeee"> <caption>Online Order</caption> <tr> <th align="left">Description</th> <th align="right">Qty</th> <th align="right">Price</th> </tr> <tr> <td>Email Account</td> <td align="right">10</td> <td align="right">$9.90</td> </tr> <tr> <td>FYIcenter.com Ad</td> <td align="right">1</td> <td align="right">$99.00</td> </tr> <tr> <td>1-year Access</td> <td align="right">1</td> <td align="right">$199.00</td> </tr> <tr> <td colspan="2" align="right">Shipping</td> <td align="right">$3.99</td> </tr> <tr> <td colspan="2" align="right">Tax</td> <td align="right">$15.99</td> </tr> </table> </body> </html>
If you save the above document as horizontal_merging.html, and view it with Internet Explorer, you will see that row 5 and 6 have two cells merged horizontally as shown below:
⇒ 'rowspan' - Merging Cells HTML Table Columns
2022-01-18, 1984🔥, 2💬
Popular Posts:
How To Get the Minimum or Maximum Value of an Array in PHP? If you want to get the minimum or maximu...
What Is Azure API Management Service? Azure API Management as a turnkey solution for publishing APIs...
How To Remove Slashes on Submitted Input Values in PHP? By default, when input values are submitted ...
FYIcenter.com Online Tools: FYIcenter JSON Validator and Formatter FYIcenter JSON to XML Converter F...
How to validate the id_token signature received from Azure AD v2.0 authentication response? You can ...