{"id":2594,"date":"2018-09-10T11:09:26","date_gmt":"2018-09-10T03:09:26","guid":{"rendered":"https:\/\/www.webteach.tw\/?p=2594"},"modified":"2018-09-10T11:09:26","modified_gmt":"2018-09-10T03:09:26","slug":"css-table-thead-fixed-%e8%b3%87%e6%96%99%e8%a1%a8-%e8%a1%a8%e9%a0%ad%e5%9b%ba%e5%ae%9a","status":"publish","type":"post","link":"https:\/\/www.webteach.tw\/?p=2594","title":{"rendered":"[ CSS ] – Table Thead Fixed \u8cc7\u6599\u8868 \u8868\u982d\u56fa\u5b9a"},"content":{"rendered":"
<\/div>
<\/div>
<\/div>

\u627e\u4e86\u597d\u4e45\u7d42\u65bc\u627e\u5230\u4e00\u500b\u53ef\u8996\u6027\u6700\u597d\u7684\u89e3\u6cd5 Table Thead Fixed \u9019\u500b\u9700\u6c42\u53ea\u8981\u662f\u6709\u8cc7\u6599\u5831\u8868\u5c31\u4e00\u5b9a\u6703\u7528\u5230\uff0c\u4e4b\u524d\u7684\u4f5c\u6cd5 https:\/\/www.webteach.tw\/?p=701<\/a> \u8cc7\u6599\u9805\u76ee\u5c11\u7684\u6642\u5019\u9084\u53ef\u4ee5\u7528\uff0c\u4f46\u53ea\u8981\u4e00\u591a\u9084\u662f\u6703\u8dd1\u7248\u3002
\n\u6700\u8fd1\u641c\u5c0b\u5230\u9019\u7bc7 https:\/\/www.cnblogs.com\/webSong\/p\/6242444.html<\/a> \u7d93\u6e2c\u8a66\u53ef\u8996\u6027\u597d\u592a\u591a\u4e86\uff0c\u96d6\u7136\u5728\u8655\u7406 colspan \u6b04\u4f4d\u6642\u9084\u662f\u6703\u5c0f\u8dd1\u7248\u4f46\u9084\u5728\u53ef\u63a5\u53d7\u7684\u7bc4\u570d\u3002
\n\u5099\u4efd\u4e00\u4e0b\u8a9e\u6cd5
\n[css]
\n&lt;style&gt;
\ntable tbody {
\ndisplay:block;
\nheight:400px;
\noverflow-y:scroll;
\n}
\ntable thead, tbody tr {
\ndisplay:table;
\nwidth:100%;
\ntable-layout:fixed;
\n}
\ntable thead {
\nwidth: calc( 100% – 1em )
\n}
\ntable thead th{ background:#ccc;}
\n&lt;\/style&gt;
\n[\/css]<\/p>\n

<\/div>
<\/div>","protected":false},"excerpt":{"rendered":"

\u627e\u4e86\u597d\u4e45\u7d42\u65bc\u627e\u5230\u4e00\u500b\u53ef\u8996\u6027\u6700\u597d\u7684\u89e3\u6cd5 T […]<\/p>\n","protected":false},"author":1,"featured_media":3767,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"yasr_overall_rating":0,"yasr_post_is_review":"","yasr_auto_insert_disabled":"","yasr_review_type":"","footnotes":""},"categories":[23],"tags":[190,553],"class_list":["post-2594","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css","tag-css","tag-table-thead-fixed"],"yoast_head":"\n[ CSS ] - Table Thead Fixed \u8cc7\u6599\u8868 \u8868\u982d\u56fa\u5b9a - \u6df7\u6c34\u6478\u9b5a<\/title>\n<meta name=\"description\" content=\"\u627e\u4e86\u597d\u4e45\u7d42\u65bc\u627e\u5230\u4e00\u500b\u53ef\u8996\u6027\u6700\u597d\u7684\u89e3\u6cd5 Table Thead Fixed \u9019\u500b\u9700\u6c42\u53ea\u8981\u662f\u6709\u8cc7\u6599\u5831\u8868\u5c31\u4e00\u5b9a\u6703\u7528\u5230\uff0c\u4e4b\u524d\u7684\u4f5c\u6cd5 \u8cc7\u6599\u9805\u76ee\u5c11\u7684\u6642\u5019\u9084\u53ef\u4ee5\u7528\uff0c\u4f46\u53ea\u8981\u4e00\u591a\u9084\u662f\u6703\u8dd1\u7248\u3002\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webteach.tw\/?p=2594\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[ CSS ] - Table Thead Fixed \u8cc7\u6599\u8868 \u8868\u982d\u56fa\u5b9a - \u6df7\u6c34\u6478\u9b5a\" \/>\n<meta property=\"og:description\" content=\"\u627e\u4e86\u597d\u4e45\u7d42\u65bc\u627e\u5230\u4e00\u500b\u53ef\u8996\u6027\u6700\u597d\u7684\u89e3\u6cd5 Table Thead Fixed \u9019\u500b\u9700\u6c42\u53ea\u8981\u662f\u6709\u8cc7\u6599\u5831\u8868\u5c31\u4e00\u5b9a\u6703\u7528\u5230\uff0c\u4e4b\u524d\u7684\u4f5c\u6cd5 \u8cc7\u6599\u9805\u76ee\u5c11\u7684\u6642\u5019\u9084\u53ef\u4ee5\u7528\uff0c\u4f46\u53ea\u8981\u4e00\u591a\u9084\u662f\u6703\u8dd1\u7248\u3002\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webteach.tw\/?p=2594\" \/>\n<meta property=\"og:site_name\" content=\"\u6df7\u6c34\u6478\u9b5a\" \/>\n<meta property=\"article:published_time\" content=\"2018-09-10T03:09:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webteach.tw\/wp-content\/uploads\/2020\/06\/oie_xyZhojmPzlZu.png\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"jeff\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005:\" \/>\n\t<meta name=\"twitter:data1\" content=\"jeff\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.webteach.tw\\\/?p=2594#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webteach.tw\\\/?p=2594\"},\"author\":{\"name\":\"jeff\",\"@id\":\"https:\\\/\\\/www.webteach.tw\\\/#\\\/schema\\\/person\\\/d434d754fd581338113eecfa923d7520\"},\"headline\":\"[ CSS ] – Table Thead Fixed \u8cc7\u6599\u8868 \u8868\u982d\u56fa\u5b9a\",\"datePublished\":\"2018-09-10T03:09:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webteach.tw\\\/?p=2594\"},\"wordCount\":61,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.webteach.tw\\\/?p=2594#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webteach.tw\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/oie_xyZhojmPzlZu.png\",\"keywords\":[\"CSS\",\"Table Thead Fixed\"],\"articleSection\":[\"CSS\"],\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.webteach.tw\\\/?p=2594#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webteach.tw\\\/?p=2594\",\"url\":\"https:\\\/\\\/www.webteach.tw\\\/?p=2594\",\"name\":\"[ CSS ] - Table Thead Fixed \u8cc7\u6599\u8868 \u8868\u982d\u56fa\u5b9a - \u6df7\u6c34\u6478\u9b5a\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webteach.tw\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webteach.tw\\\/?p=2594#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webteach.tw\\\/?p=2594#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webteach.tw\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/oie_xyZhojmPzlZu.png\",\"datePublished\":\"2018-09-10T03:09:26+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.webteach.tw\\\/#\\\/schema\\\/person\\\/d434d754fd581338113eecfa923d7520\"},\"description\":\"\u627e\u4e86\u597d\u4e45\u7d42\u65bc\u627e\u5230\u4e00\u500b\u53ef\u8996\u6027\u6700\u597d\u7684\u89e3\u6cd5 Table Thead Fixed \u9019\u500b\u9700\u6c42\u53ea\u8981\u662f\u6709\u8cc7\u6599\u5831\u8868\u5c31\u4e00\u5b9a\u6703\u7528\u5230\uff0c\u4e4b\u524d\u7684\u4f5c\u6cd5 \u8cc7\u6599\u9805\u76ee\u5c11\u7684\u6642\u5019\u9084\u53ef\u4ee5\u7528\uff0c\u4f46\u53ea\u8981\u4e00\u591a\u9084\u662f\u6703\u8dd1\u7248\u3002\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webteach.tw\\\/?p=2594#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webteach.tw\\\/?p=2594\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\\\/\\\/www.webteach.tw\\\/?p=2594#primaryimage\",\"url\":\"https:\\\/\\\/www.webteach.tw\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/oie_xyZhojmPzlZu.png\",\"contentUrl\":\"https:\\\/\\\/www.webteach.tw\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/oie_xyZhojmPzlZu.png\",\"width\":800,\"height\":600},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webteach.tw\\\/?p=2594#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9801\",\"item\":\"https:\\\/\\\/www.webteach.tw\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[ CSS ] – Table Thead Fixed \u8cc7\u6599\u8868 \u8868\u982d\u56fa\u5b9a\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webteach.tw\\\/#website\",\"url\":\"https:\\\/\\\/www.webteach.tw\\\/\",\"name\":\"\u6df7\u6c34\u6478\u9b5a\",\"description\":\"\u5b78\u7121\u6b62\u5883,\u6559\u5b78\u76f8\u9577\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.webteach.tw\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-TW\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.webteach.tw\\\/#\\\/schema\\\/person\\\/d434d754fd581338113eecfa923d7520\",\"name\":\"jeff\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5797200e421b670a2ce64d6e7382054c69b231d4aab55742c96bb1e51bc9fefc?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5797200e421b670a2ce64d6e7382054c69b231d4aab55742c96bb1e51bc9fefc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5797200e421b670a2ce64d6e7382054c69b231d4aab55742c96bb1e51bc9fefc?s=96&d=mm&r=g\",\"caption\":\"jeff\"},\"sameAs\":[\"http:\\\/\\\/35.72.55.111\"],\"url\":\"https:\\\/\\\/www.webteach.tw\\\/?author=1\"},false]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[ CSS ] - Table Thead Fixed \u8cc7\u6599\u8868 \u8868\u982d\u56fa\u5b9a - \u6df7\u6c34\u6478\u9b5a","description":"\u627e\u4e86\u597d\u4e45\u7d42\u65bc\u627e\u5230\u4e00\u500b\u53ef\u8996\u6027\u6700\u597d\u7684\u89e3\u6cd5 Table Thead Fixed \u9019\u500b\u9700\u6c42\u53ea\u8981\u662f\u6709\u8cc7\u6599\u5831\u8868\u5c31\u4e00\u5b9a\u6703\u7528\u5230\uff0c\u4e4b\u524d\u7684\u4f5c\u6cd5 \u8cc7\u6599\u9805\u76ee\u5c11\u7684\u6642\u5019\u9084\u53ef\u4ee5\u7528\uff0c\u4f46\u53ea\u8981\u4e00\u591a\u9084\u662f\u6703\u8dd1\u7248\u3002","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.webteach.tw\/?p=2594","og_locale":"zh_TW","og_type":"article","og_title":"[ CSS ] - Table Thead Fixed \u8cc7\u6599\u8868 \u8868\u982d\u56fa\u5b9a - \u6df7\u6c34\u6478\u9b5a","og_description":"\u627e\u4e86\u597d\u4e45\u7d42\u65bc\u627e\u5230\u4e00\u500b\u53ef\u8996\u6027\u6700\u597d\u7684\u89e3\u6cd5 Table Thead Fixed \u9019\u500b\u9700\u6c42\u53ea\u8981\u662f\u6709\u8cc7\u6599\u5831\u8868\u5c31\u4e00\u5b9a\u6703\u7528\u5230\uff0c\u4e4b\u524d\u7684\u4f5c\u6cd5 \u8cc7\u6599\u9805\u76ee\u5c11\u7684\u6642\u5019\u9084\u53ef\u4ee5\u7528\uff0c\u4f46\u53ea\u8981\u4e00\u591a\u9084\u662f\u6703\u8dd1\u7248\u3002","og_url":"https:\/\/www.webteach.tw\/?p=2594","og_site_name":"\u6df7\u6c34\u6478\u9b5a","article_published_time":"2018-09-10T03:09:26+00:00","og_image":[{"width":800,"height":600,"url":"https:\/\/www.webteach.tw\/wp-content\/uploads\/2020\/06\/oie_xyZhojmPzlZu.png","type":"image\/png"}],"author":"jeff","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005:":"jeff"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webteach.tw\/?p=2594#article","isPartOf":{"@id":"https:\/\/www.webteach.tw\/?p=2594"},"author":{"name":"jeff","@id":"https:\/\/www.webteach.tw\/#\/schema\/person\/d434d754fd581338113eecfa923d7520"},"headline":"[ CSS ] – Table Thead Fixed \u8cc7\u6599\u8868 \u8868\u982d\u56fa\u5b9a","datePublished":"2018-09-10T03:09:26+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webteach.tw\/?p=2594"},"wordCount":61,"commentCount":0,"image":{"@id":"https:\/\/www.webteach.tw\/?p=2594#primaryimage"},"thumbnailUrl":"https:\/\/www.webteach.tw\/wp-content\/uploads\/2020\/06\/oie_xyZhojmPzlZu.png","keywords":["CSS","Table Thead Fixed"],"articleSection":["CSS"],"inLanguage":"zh-TW","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.webteach.tw\/?p=2594#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.webteach.tw\/?p=2594","url":"https:\/\/www.webteach.tw\/?p=2594","name":"[ CSS ] - Table Thead Fixed \u8cc7\u6599\u8868 \u8868\u982d\u56fa\u5b9a - \u6df7\u6c34\u6478\u9b5a","isPartOf":{"@id":"https:\/\/www.webteach.tw\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webteach.tw\/?p=2594#primaryimage"},"image":{"@id":"https:\/\/www.webteach.tw\/?p=2594#primaryimage"},"thumbnailUrl":"https:\/\/www.webteach.tw\/wp-content\/uploads\/2020\/06\/oie_xyZhojmPzlZu.png","datePublished":"2018-09-10T03:09:26+00:00","author":{"@id":"https:\/\/www.webteach.tw\/#\/schema\/person\/d434d754fd581338113eecfa923d7520"},"description":"\u627e\u4e86\u597d\u4e45\u7d42\u65bc\u627e\u5230\u4e00\u500b\u53ef\u8996\u6027\u6700\u597d\u7684\u89e3\u6cd5 Table Thead Fixed \u9019\u500b\u9700\u6c42\u53ea\u8981\u662f\u6709\u8cc7\u6599\u5831\u8868\u5c31\u4e00\u5b9a\u6703\u7528\u5230\uff0c\u4e4b\u524d\u7684\u4f5c\u6cd5 \u8cc7\u6599\u9805\u76ee\u5c11\u7684\u6642\u5019\u9084\u53ef\u4ee5\u7528\uff0c\u4f46\u53ea\u8981\u4e00\u591a\u9084\u662f\u6703\u8dd1\u7248\u3002","breadcrumb":{"@id":"https:\/\/www.webteach.tw\/?p=2594#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webteach.tw\/?p=2594"]}]},{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/www.webteach.tw\/?p=2594#primaryimage","url":"https:\/\/www.webteach.tw\/wp-content\/uploads\/2020\/06\/oie_xyZhojmPzlZu.png","contentUrl":"https:\/\/www.webteach.tw\/wp-content\/uploads\/2020\/06\/oie_xyZhojmPzlZu.png","width":800,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/www.webteach.tw\/?p=2594#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9801","item":"https:\/\/www.webteach.tw\/"},{"@type":"ListItem","position":2,"name":"[ CSS ] – Table Thead Fixed \u8cc7\u6599\u8868 \u8868\u982d\u56fa\u5b9a"}]},{"@type":"WebSite","@id":"https:\/\/www.webteach.tw\/#website","url":"https:\/\/www.webteach.tw\/","name":"\u6df7\u6c34\u6478\u9b5a","description":"\u5b78\u7121\u6b62\u5883,\u6559\u5b78\u76f8\u9577","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webteach.tw\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"},{"@type":"Person","@id":"https:\/\/www.webteach.tw\/#\/schema\/person\/d434d754fd581338113eecfa923d7520","name":"jeff","image":{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/secure.gravatar.com\/avatar\/5797200e421b670a2ce64d6e7382054c69b231d4aab55742c96bb1e51bc9fefc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5797200e421b670a2ce64d6e7382054c69b231d4aab55742c96bb1e51bc9fefc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5797200e421b670a2ce64d6e7382054c69b231d4aab55742c96bb1e51bc9fefc?s=96&d=mm&r=g","caption":"jeff"},"sameAs":["http:\/\/35.72.55.111"],"url":"https:\/\/www.webteach.tw\/?author=1"},false]}},"views":3207,"yasr_visitor_votes":{"stars_attributes":{"read_only":false,"span_bottom":false},"number_of_votes":0,"sum_votes":0},"_links":{"self":[{"href":"https:\/\/www.webteach.tw\/index.php?rest_route=\/wp\/v2\/posts\/2594","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webteach.tw\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webteach.tw\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webteach.tw\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webteach.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2594"}],"version-history":[{"count":0,"href":"https:\/\/www.webteach.tw\/index.php?rest_route=\/wp\/v2\/posts\/2594\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webteach.tw\/index.php?rest_route=\/wp\/v2\/media\/3767"}],"wp:attachment":[{"href":"https:\/\/www.webteach.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2594"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webteach.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2594"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webteach.tw\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}