{"id":23139,"date":"2022-10-04T09:00:48","date_gmt":"2022-10-04T09:00:48","guid":{"rendered":"https:\/\/kb.hostatom.com\/?p=23139"},"modified":"2025-10-20T02:09:37","modified_gmt":"2025-10-20T02:09:37","slug":"html-table-colspan-rowspan","status":"publish","type":"post","link":"https:\/\/kb.hostatom.com\/lesson\/23139\/","title":{"rendered":"HTML\u00a0Table Colspan &amp; Rowspan"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"23139\" class=\"elementor elementor-23139\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60cae9e4 e-flex e-con-boxed e-con e-parent\" data-id=\"60cae9e4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ac7eab elementor-widget elementor-widget-text-editor\" data-id=\"2ac7eab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u0e15\u0e32\u0e23\u0e32\u0e07 HTML \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e23\u0e27\u0e21 <strong>\u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c (Column)<\/strong> \u0e2b\u0e23\u0e37\u0e2d <strong>\u0e41\u0e16\u0e27 (Row)<\/strong> \u0e40\u0e02\u0e49\u0e32\u0e14\u0e49\u0e27\u0e22\u0e01\u0e31\u0e19\u0e44\u0e14\u0e49 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e02\u0e2d\u0e07\u0e15\u0e32\u0e23\u0e32\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e01\u0e31\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d\u0e1a\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11d2ee3 elementor-widget elementor-widget-html\" data-id=\"11d2ee3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"tb23139-001\" style=\"overflow:auto;\">\r\n    <table class=\"table1\" style=\"width:30%;float:left;\">\r\n      <tbody>\r\n        <tr>\r\n          <th colspan=\"2\">NAME<\/th>\r\n          <td>&nbsp;<\/td>\r\n        <\/tr>\r\n        <tr>\r\n          <td>&nbsp;<\/td>\r\n          <td>&nbsp;<\/td>\r\n          <td>&nbsp;<\/td>\r\n        <\/tr>\r\n        <tr>\r\n          <td>&nbsp;<\/td>\r\n          <td>&nbsp;<\/td>\r\n          <td>&nbsp;<\/td>\r\n        <\/tr>\r\n        <tr>\r\n          <td>&nbsp;<\/td>\r\n          <td>&nbsp;<\/td>\r\n          <td>&nbsp;<\/td>\r\n        <\/tr>\r\n        <tr>\r\n          <td>&nbsp;<\/td>\r\n          <td>&nbsp;<\/td>\r\n          <td>&nbsp;<\/td>\r\n        <\/tr>\r\n      <\/tbody>\r\n    <\/table>\r\n    <table class=\"table1\" style=\"width:30%;float:left;margin-left:5%;\">\r\n      <tbody>\r\n        <tr>\r\n          <th rowspan=\"3\">APRIL<\/th>\r\n          <td>&nbsp;<\/td>\r\n          <td>&nbsp;<\/td>\r\n        <\/tr>\r\n        <tr>\r\n          <td>&nbsp;<\/td>\r\n          <td>&nbsp;<\/td>\r\n        <\/tr>\r\n        <tr>\r\n          <td>&nbsp;<\/td>\r\n          <td>&nbsp;<\/td>\r\n        <\/tr>\r\n        <tr>\r\n          <td>&nbsp;<\/td>\r\n          <td>&nbsp;<\/td>\r\n          <td>&nbsp;<\/td>\r\n        <\/tr>\r\n        <tr>\r\n          <td>&nbsp;<\/td>\r\n          <td>&nbsp;<\/td>\r\n          <td>&nbsp;<\/td>\r\n        <\/tr>\r\n      <\/tbody>\r\n    <\/table>\r\n    <table class=\"table1\" style=\"width:30%;float:right;\">\r\n      <tbody>\r\n        <tr>\r\n          <th colspan=\"3\">2022<\/th>\r\n        <\/tr>\r\n        <tr>\r\n          <td>&nbsp;<\/td>\r\n          <td>&nbsp;<\/td>\r\n          <td>&nbsp;<\/td>\r\n        <\/tr>\r\n        <tr>\r\n          <th colspan=\"2\" rowspan=\"2\">FIESTA<\/th>\r\n          <td>&nbsp;<\/td>\r\n        <\/tr>\r\n        <tr>\r\n          <td>&nbsp;<\/td>\r\n        <\/tr>\r\n        <tr>\r\n          <td>&nbsp;<\/td>\r\n          <td>&nbsp;<\/td>\r\n          <td>&nbsp;<\/td>\r\n        <\/tr>\r\n      <\/tbody>\r\n    <\/table>\r\n  <\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f5f120f elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"f5f120f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b59bb33 elementor-widget elementor-widget-heading\" data-id=\"b59bb33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">HTML Table \u2013 Colspan\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-083ee48 elementor-widget elementor-widget-text-editor\" data-id=\"083ee48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u0e2b\u0e32\u0e01\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e23\u0e27\u0e21\u0e2b\u0e25\u0e32\u0e22\u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e40\u0e02\u0e49\u0e32\u0e14\u0e49\u0e27\u0e22\u0e01\u0e31\u0e19 \u0e43\u0e2b\u0e49\u0e43\u0e0a\u0e49 Attribute: <code>colspan<\/code><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d3242ce elementor-widget elementor-widget-code-highlight\" data-id=\"d3242ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><table>\r\n  <tr>\r\n    <th colspan=\"2\">\u0e0a\u0e37\u0e48\u0e2d<\/th>\r\n    <th>\u0e2d\u0e32\u0e22\u0e38<\/th>\r\n  <\/tr>\r\n  <tr>\r\n    <td>Jill<\/td>\r\n    <td>Smith<\/td>\r\n    <td>43<\/td>\r\n  <\/tr>\r\n  <tr>\r\n    <td>Eve<\/td>\r\n    <td>Jackson<\/td>\r\n    <td>57<\/td>\r\n  <\/tr>\r\n<\/table><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-589b68f elementor-widget elementor-widget-button\" data-id=\"589b68f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kb.hostatom.com\/lesson\/html\/tryhtml?filename=table_colspan2\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-external-link-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0e14\u0e39\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f444e2 elementor-alert-info elementor-widget elementor-widget-alert\" data-id=\"1f444e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"alert.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-alert\" role=\"alert\">\n\n\t\t\t\t\t\t<span class=\"elementor-alert-title\">\ud83d\udcdd  note<\/span>\n\t\t\t\n\t\t\t\t\t\t<span class=\"elementor-alert-description\"><code>colspan<\/code> \u0e2b\u0e21\u0e32\u0e22\u0e16\u0e36\u0e07\u0e08\u0e33\u0e19\u0e27\u0e19\u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e17\u0e35\u0e48\u0e23\u0e27\u0e21\u0e40\u0e02\u0e49\u0e32\u0e14\u0e49\u0e27\u0e22\u0e01\u0e31\u0e19\n\u0e40\u0e0a\u0e48\u0e19 <code>colspan=\"2\"<\/code> \u0e23\u0e27\u0e21 2 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c \u0e43\u0e2b\u0e49\u0e01\u0e25\u0e32\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e40\u0e14\u0e35\u0e22\u0e27\n<\/span>\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f6b1bed elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"f6b1bed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bca55aa elementor-widget elementor-widget-heading\" data-id=\"bca55aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">HTML Table \u2013 Rowspan\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-31c0a2f elementor-widget elementor-widget-text-editor\" data-id=\"31c0a2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u0e16\u0e49\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e23\u0e27\u0e21\u0e2b\u0e25\u0e32\u0e22\u0e41\u0e16\u0e27\u0e40\u0e02\u0e49\u0e32\u0e14\u0e49\u0e27\u0e22\u0e01\u0e31\u0e19\u0e43\u0e19\u0e15\u0e32\u0e23\u0e32\u0e07 \u0e43\u0e2b\u0e49\u0e43\u0e0a\u0e49 Attribute: <code>rowspan<\/code><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8546a5e elementor-widget elementor-widget-code-highlight\" data-id=\"8546a5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><table>\r\n  <tr>\r\n    <th>\u0e0a\u0e37\u0e48\u0e2d<\/th>\r\n    <td>Jill<\/td>\r\n  <\/tr>\r\n  <tr>\r\n    <th rowspan=\"2\">\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e42\u0e17\u0e23<\/th>\r\n    <td>555-1234<\/td>\r\n  <\/tr>\r\n  <tr>\r\n    <td>555-8745<\/td>\r\n  <\/tr>\r\n<\/table><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d71c8de elementor-widget elementor-widget-button\" data-id=\"d71c8de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kb.hostatom.com\/lesson\/html\/tryhtml?filename=table_rowspan2\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-external-link-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M432,320H400a16,16,0,0,0-16,16V448H64V128H208a16,16,0,0,0,16-16V80a16,16,0,0,0-16-16H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V336A16,16,0,0,0,432,320ZM488,0h-128c-21.37,0-32.05,25.91-17,41l35.73,35.73L135,320.37a24,24,0,0,0,0,34L157.67,377a24,24,0,0,0,34,0L435.28,133.32,471,169c15,15,41,4.5,41-17V24A24,24,0,0,0,488,0Z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0e14\u0e39\u0e1c\u0e25\u0e25\u0e31\u0e1e\u0e18\u0e4c<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74d82f7 elementor-alert-info elementor-widget elementor-widget-alert\" data-id=\"74d82f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"alert.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-alert\" role=\"alert\">\n\n\t\t\t\t\t\t<span class=\"elementor-alert-title\">\ud83d\udcdd  note<\/span>\n\t\t\t\n\t\t\t\t\t\t<span class=\"elementor-alert-description\"><code>rowspan<\/code> \u0e2b\u0e21\u0e32\u0e22\u0e16\u0e36\u0e07\u0e08\u0e33\u0e19\u0e27\u0e19\u0e41\u0e16\u0e27\u0e17\u0e35\u0e48\u0e08\u0e30\u0e23\u0e27\u0e21\u0e40\u0e02\u0e49\u0e32\u0e14\u0e49\u0e27\u0e22\u0e01\u0e31\u0e19\n\u0e40\u0e0a\u0e48\u0e19 <code>rowspan=\"2\"<\/code> \u0e23\u0e27\u0e21 2 \u0e41\u0e16\u0e27 \u0e43\u0e2b\u0e49\u0e01\u0e25\u0e32\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e0a\u0e48\u0e2d\u0e07\u0e22\u0e32\u0e27\n<\/span>\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e15\u0e32\u0e23\u0e32\u0e07 HTML \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e23\u0e27\u0e21 \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c (Column) \u0e2b\u0e23\u0e37\u0e2d \u0e41\u0e16\u0e27 (Row) \u0e40\u0e02\u0e49\u0e32\u0e14\u0e49\u0e27\u0e22\u0e01\u0e31\u0e19\u0e44\u0e14\u0e49 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e02\u0e2d\u0e07\u0e15\u0e32\u0e23\u0e32\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e01\u0e31\u0e1a\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d\u0e1a\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c NAME &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; APRIL &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 2022 &nbsp; &nbsp; &nbsp; FIESTA &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; HTML Table \u2013 Colspan \u0e2b\u0e32\u0e01\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e23\u0e27\u0e21\u0e2b\u0e25\u0e32\u0e22\u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e40\u0e02\u0e49\u0e32\u0e14\u0e49\u0e27\u0e22\u0e01\u0e31\u0e19 \u0e43\u0e2b\u0e49\u0e43\u0e0a\u0e49 Attribute: colspan [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-23139","post","type-post","status-publish","format-standard","hentry","category-html"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/posts\/23139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/comments?post=23139"}],"version-history":[{"count":0,"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/posts\/23139\/revisions"}],"wp:attachment":[{"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/media?parent=23139"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/categories?post=23139"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kb.hostatom.com\/lesson\/wp-json\/wp\/v2\/tags?post=23139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}