«html-table» 태그된 질문

HTML과 관련하여 테이블은 데이터를 표 형식으로 표시하는 데 사용됩니다. HTML 테이블에 대한 질문은 소스 코드에 문제가있는 소스 코드를 표시하거나 질문이 원하는 바에 따라 테이블을 작성하려는 시도가 실패한 경우 시도자가 실패한 시도를 표시하고 기대를 설명하고 행동이 어떻게 다른지

20
순수한 CSS의 고정 헤더와 고정 열이있는 테이블
고정 된 머리글과 고정 된 첫 번째 열이있는 html 테이블 (또는 비슷한 모양)을 만들어야합니다. 지금까지 본 모든 솔루션은 Javascript를 사용하거나 jQueryscrollTop / scrollLeft를 설정하지만 모바일 브라우저에서는 원활하게 작동하지 않으므로 순수한 CSS 솔루션을 찾고 있습니다. 여기에서 고정 열에 대한 해결책을 찾았습니다. jsfiddle.net/C8Dtf/20/ 하지만 난 너무 고정 된 헤더를 만들을 향상시킬 수있는 …
19
HTML 표의 모든 행 삭제
<th>Javascript를 사용 하고 테이블의 모든 행을 반복하지 않고 HTML 테이블의 모든 행을 삭제하려면 어떻게 해야합니까? 나는 매우 큰 테이블을 가지고 있고 그들을 삭제하기 위해 행을 반복하는 동안 UI를 고정하고 싶지 않습니다.
6
<div> 채우기 <td> 높이 만드는 방법
StackOverflow에 대한 여러 게시물을 살펴 보았지만이 간단한 질문에 대한 답변을 찾지 못했습니다. 다음과 같은 HTML 구조가 있습니다. &lt;table&gt; &lt;tr&gt; &lt;td class="thatSetsABackground"&gt; &lt;div class="thatSetsABackgroundWithAnIcon"&gt; &lt;dl&gt; &lt;dt&gt;yada &lt;/dt&gt; &lt;dd&gt;yada &lt;/dd&gt; &lt;/dl&gt; &lt;div&gt; &lt;/td&gt; &lt;td class="thatSetsABackground"&gt; &lt;div class="thatSetsABackgroundWithAnIcon"&gt; &lt;dl&gt; &lt;dt&gt;yada &lt;/dt&gt; &lt;dd&gt;yada &lt;/dd&gt; &lt;/dl&gt; &lt;div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; 내가 필요한 것은 div의 높이를 …
99 html  css  html-table 
9
td 내부의 HTML 테이블 tr
HTML로 표를 만들려고합니다. 다음과 같은 디자인을 만들었습니다. &lt;tr&gt;내부를 추가 &lt;td&gt;했지만 어떻게 든 디자인에 따라 테이블이 만들어지지 않았습니다. 누구든지 내가 이것을 달성 할 수있는 방법을 제안 할 수 있습니까? Name1을 만들 수 없습니다. | 가격 1 섹션.
98 html  html-table 
13
td 너비, 작동하지 않습니까?
그래서 여기에이 코드가 있습니다. &lt;table&gt; &lt;tr&gt; &lt;td width="200px" valign="top"&gt; &lt;div class="left_menu"&gt; &lt;div class="menu_item"&gt; &lt;a href="#"&gt;Home&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;/td&gt; &lt;td width="1000px" valign="top"&gt;Content&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; CSS로 .left_menu { background: none repeat scroll 0 0 #333333; border-radius: 5px 5px 5px 5px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; padding: 5px; } .menu_item { background: …
96 html  css  html-table  width 
8
div 외부에서 오버플로되는 테이블
너비가 명시 적으로 선언 된 테이블이 부모 외부에서 오버플로되는 것을 중지하려고합니다 div. 나는을 사용하여 어떤 식 으로든 이것을 할 수 있다고 생각 max-width하지만 이것이 작동하지 않는 것 같습니다. 다음 코드 (창이 매우 작음)는이를 발생시킵니다. &lt;style type="text/css"&gt; #middlecol { width: 45%; border-right:2px solid red; } #middlecol table { max-width:100% !important; } …
94 html  css  html-table 
9
CSS로 원하지 않는 표 셀 테두리 제거
특이하고 실망스러운 문제가 있습니다. 간단한 마크 업의 경우 : &lt;table&gt; &lt;thead&gt; &lt;tr&gt;&lt;th&gt;1&lt;/th&gt;&lt;th&gt;2&lt;/th&gt;&lt;th&gt;3&lt;/th&gt;&lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt;&lt;td&gt;a&lt;/td&gt;&lt;td&gt;b&gt;&lt;/td&gt;&lt;td&gt;c&lt;/td&gt;&lt;/tr&gt; &lt;tr class='odd'&gt;&lt;td&gt;x&lt;/td&gt;&lt;td&gt;y&lt;/td&gt;&lt;td&gt;z&lt;/td&gt;&lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; thead , tr 및 tr 홀수 요소에 다른 배경색 값을 적용 합니다. 문제는 대부분의 브라우저에서 모든 셀에 테이블 행의 색상이 아닌 원하지 않는 테두리가 있다는 것입니다. Firefox 3.5에서만 표의 셀에 테두리가 …
91 html  css  html-table 
9
HTML 테이블 행에 테두리 제공, <tr>
이 테이블 행을 경계까지 가능 &lt;tr&gt;하나 대신, 개별 셀에 테두리를주는 이동에 &lt;td&gt;같은, &lt;table cellpadding="0" cellspacing="0" width="100%" style="border: 1px;" rules="none"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;th style="width: 96px;"&gt;Column 1&lt;/th&gt; &lt;th style="width: 96px;"&gt;Column 2&lt;/th&gt; &lt;th style="width: 96px;"&gt;Column 3&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="border-left: thin solid; border-top: thin solid; border-bottom: thin solid;"&gt;&amp;nbsp;&lt;/td&gt; …
90 html  css  border  html-table 
8
버튼 클릭으로 테이블 행의 내용 가져 오기
테이블의 각 열에 대한 세부 정보를 추출해야합니다. 예를 들어, "Name / Nr."열. 테이블에는 여러 주소가 포함되어 있습니다. 각 행의 맨 마지막 열에는 사용자가 나열된 주소를 선택할 수있는 버튼이 있습니다. 문제 : 내 코드 &lt;td&gt;는 클래스가있는 첫 번째 코드 만 선택합니다 nr. 이 작업을 수행하려면 어떻게해야합니까? 다음은 jQuery 비트입니다. $(".use-address").click(function() { …
17
둥근 테이블 모서리 CSS 만
검색 및 검색했지만 내 요구 사항에 대한 솔루션을 찾을 수 없습니다. 평범한 HTML 테이블이 있습니다. 나는 이미지 나 JS 를 사용 하지 않고 , 즉 순수한 CSS만을 사용 하지 않고 둥근 모서리를 원합니다 . 이렇게 : 모서리 셀의 경우 둥근 모서리, 셀의 경우 1px두꺼운 테두리. 지금까지 나는 이것을 가지고있다 : …
6
테이블 행 채우기
&lt;html&gt; &lt;head&gt; &lt;title&gt;Table Row Padding Issue&lt;/title&gt; &lt;style type="text/css"&gt; tr { padding: 20px; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;table&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt; &lt;h2&gt;Lorem Ipsum&lt;/h2&gt; &lt;p&gt;Fusce sodales lorem nec magna iaculis a fermentum lacus facilisis. Curabitur sodales risus sit amet neque fringilla feugiat. Ut tellus nulla, bibendum at faucibus ut, convallis eget neque. …
85 html  css  html-table  row  padding 
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.