{"id":10553,"date":"2022-05-14T06:32:08","date_gmt":"2022-05-13T21:32:08","guid":{"rendered":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/?p=10553"},"modified":"2022-05-14T06:32:08","modified_gmt":"2022-05-13T21:32:08","slug":"html-table","status":"publish","type":"post","link":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/2022\/05\/14\/html-table\/","title":{"rendered":"\u3010HTML\u3011CSS\u3060\u3051\u3067Excel\u306e\u3088\u3046\u306a\u5165\u529b\u3067\u304d\u308b\u30c6\u30fc\u30d6\u30eb\u3092\u4f5c\u308b\u65b9\u6cd5\uff08contentEditable\u5c5e\u6027\uff09"},"content":{"rendered":"<p>HTML\u3067\u306fcontentEditable\u5c5e\u6027\u3067\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u7de8\u96c6\u53ef\u80fd\u306b\u3059\u308b\u6a5f\u80fd\u304c\u3042\u308a\u3001\u3053\u308c\u3092\u4f7f\u3046\u3053\u3068\u3067\u2193\u3053\u306e\u52d5\u753b\u306e\u3088\u3046\u306bExcel\u306e\u3088\u3046\u306a\u30c6\u30fc\u30d6\u30eb\u3092\u4f5c\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n<div style=\"width: 580px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-10553-1\" width=\"580\" height=\"326\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-content\/uploads\/2022\/05\/2022-05-14-06-11-43.mp4?_=1\" \/><a href=\"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-content\/uploads\/2022\/05\/2022-05-14-06-11-43.mp4\">http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-content\/uploads\/2022\/05\/2022-05-14-06-11-43.mp4<\/a><\/video><\/div>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>TD\u30bf\u30b0\u306b<code>contenteditable=true<\/code>\u3092\u8ffd\u52a0\u3059\u308c\u3070OK\u3067\u3059\u3002<\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;table&gt;\r\n&lt;tr class=&quot;header&quot;&gt;\r\n  &lt;th class=&quot;item1&quot;&gt; &lt;\/th&gt;\r\n  &lt;th class=&quot;item2&quot;&gt;A&lt;\/th&gt;\r\n  &lt;th class=&quot;item2&quot;&gt;B&lt;\/th&gt;\r\n  &lt;th class=&quot;item2&quot;&gt;C&lt;\/th&gt;\r\n  &lt;th class=&quot;item2&quot;&gt;D&lt;\/th&gt;\r\n  &lt;th class=&quot;item2&quot;&gt;E&lt;\/th&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n  &lt;td class=&quot;item1&quot;&gt;1&lt;\/td&gt;\r\n  &lt;td class=&quot;value1&quot; id=&quot;A1&quot; contenteditable=true&gt;&lt;\/td&gt;\r\n  &lt;td class=&quot;value1&quot; id=&quot;A2&quot; contenteditable=true&gt;&lt;\/td&gt;\r\n  &lt;td class=&quot;value1&quot; id=&quot;A3&quot; contenteditable=true&gt;&lt;\/td&gt;\r\n  &lt;td class=&quot;value1&quot; id=&quot;A4&quot; contenteditable=true&gt;&lt;\/td&gt;\r\n  &lt;td class=&quot;value1&quot; id=&quot;A5&quot; contenteditable=true&gt;&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;tr&gt;\r\n  &lt;td class=&quot;item1&quot;&gt;2&lt;\/td&gt;\r\n  &lt;td class=&quot;value1&quot; id=&quot;B1&quot; contenteditable=true&gt;&lt;\/td&gt;\r\n  &lt;td class=&quot;value1&quot; id=&quot;B2&quot; contenteditable=true&gt;&lt;\/td&gt;\r\n  &lt;td class=&quot;value1&quot; id=&quot;B3&quot; contenteditable=true&gt;&lt;\/td&gt;\r\n  &lt;td class=&quot;value1&quot; id=&quot;B4&quot; contenteditable=true&gt;&lt;\/td&gt;\r\n  &lt;td class=&quot;value1&quot; id=&quot;B5&quot; contenteditable=true&gt;&lt;\/td&gt;\r\n&lt;\/tr&gt;\r\n&lt;\/table&gt;\r\n \r\n<\/pre>\n<p>&nbsp;<\/p>\n<p>\u5916\u89b3\u3092Excel\u98a8\u306b\u3059\u308b\u305f\u3081\u306eCSS\u3002<\/p>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\ntable {\r\n  border-collapse: collapse;\r\n}\r\n.item1 {\r\n  border: 1px solid grey;\r\n  padding: 3px 10px;\r\n  background: #ddd;\r\n  text-align: center;\r\n  width: 50px;\r\n}\r\n.item2 {\r\n  border: 1px solid grey;\r\n  padding: 3px 10px;\r\n  background: #ddd;\r\n  width: 100px;\r\n}\r\n.value1 {\r\n  border: 1px solid grey;\r\n  padding: 3px 10px;\r\n  cursor: pointer;\r\n}\r\n \r\n<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>HTML\u3067\u306fcontentEditable\u5c5e\u6027\u3067\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u7de8\u96c6\u53ef\u80fd\u306b\u3059\u308b\u6a5f\u80fd\u304c &#8230; <\/p>\n","protected":false},"author":1,"featured_media":10557,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[],"class_list":["post-10553","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-htmljavascript"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/posts\/10553","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/comments?post=10553"}],"version-history":[{"count":2,"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/posts\/10553\/revisions"}],"predecessor-version":[{"id":10556,"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/posts\/10553\/revisions\/10556"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/media\/10557"}],"wp:attachment":[{"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/media?parent=10553"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/categories?post=10553"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/pineplanter.moo.jp\/non-it-salaryman\/wp-json\/wp\/v2\/tags?post=10553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}