«html-table» 태그된 질문

HTML 테이블에서 cellpaddingand cellspacing는 다음과 같이 설정할 수 있습니다. <table cellspacing="1" cellpadding="1"> CSS를 사용하여 어떻게 동일한 작업을 수행 할 수 있습니까?

3317 html  css  html-table  alignment 

jQuery에서 테이블에 마지막 행으로 추가 행을 추가하는 가장 좋은 방법은 무엇입니까? 이것이 허용됩니까? $('#myTable').append('<tr><td>my data</td><td>more data</td></tr>'); 이와 같은 테이블에 추가 할 수있는 항목 (예 : 입력, 선택, 행 수)에 제한이 있습니까?

2425 javascript  jquery  html-table 

콘텐츠가 전체 화면의 높이를 채우려는 웹 응용 프로그램에서 작업하고 있습니다. 이 페이지에는 로고와 계정 정보가 포함 된 헤더가 있습니다. 이것은 임의의 높이가 될 수 있습니다. 콘텐츠 div가 나머지 페이지를 맨 아래에 채우고 싶습니다. 헤더 div와 내용이 div있습니다. 현재 레이아웃에 테이블을 사용하고 있습니다. CSS와 HTML #page { height: 100%; width: 100% …

1910 html  css  html-table 

<tbody>동일한 태그를 여러 개 가질 수 있습니까 <table>? 그렇다면 어떤 시나리오에서 여러 <tbody>태그를 사용해야 합니까?

594 html  html-table  xhtml 

s와 s로 word-wrap: break-word텍스트를 감싸는 데 사용 했습니다 . 그러나 테이블 셀에서는 작동하지 않는 것 같습니다. 하나의 행과 두 개의 열로 테이블을 설정했습니다 . 위의 스타일로되어 있지만 열의 텍스트는 줄 바꿈되지 않습니다. 텍스트가 셀 경계를 넘어갑니다. 이것은 Firefox, Chrome 및 Internet Explorer에서 발생합니다.divspanwidth:100%word-wrap 소스는 다음과 같습니다. td { border: 1px …

566 html  css  html-table 

간단한 계획 : <tr class="something"> <td>A</td> <td>B</td> <td>C</td> <td>D</td> </tr> 에 대해 고정 너비를 설정해야합니다 <td>. 난 노력 했어: tr.something { td { width: 90px; } } 또한 td.something { width: 90px; } ...에 대한 <td class="something">B</td> 그리고 심지어 <td style="width: 90px;">B</td> 그러나 너비 <td>는 여전히 동일합니다.

513 css  twitter-bootstrap  width  html-table 

이것과 함께 대체 행 색상의 테이블을 사용하고 있습니다. tr.d0 td { background-color: #CC9999; color: black; } tr.d1 td { background-color: #9999CC; color: black; } <table> <tr class="d0"> <td>One</td> <td>one</td> </tr> <tr class="d1"> <td>Two</td> <td>two</td> </tr> </table> 코드 스 니펫 실행결과 숨기기스 니펫 확장 여기에 클래스 tr를 사용하고 있지만에 대해서만 사용하고 …

462 html  css  html-table 

두 개의 div가 나란히 있습니다. 높이를 동일하게 유지하고 그 중 하나의 크기가 조정되면 동일하게 유지하고 싶습니다. 나는 이것을 알아낼 수 없다. 아이디어? 혼란스러운 질문을 명확히하기 위해 두 상자가 항상 같은 크기가되도록하고 싶습니다. 따라서 텍스트가 배치되어서 하나가 커지면 다른 하나는 높이와 일치하도록 커야합니다. <div style="overflow: hidden"> <div style="border:1px solid #cccccc; float:left; …

441 html  css  html-table  flexbox 

Bootstrap을 사용하고 있으며 다음이 작동하지 않습니다. <tbody> <a href="#"> <tr> <td>Blah Blah</td> <td>1234567</td> <td>£158,000</td> </tr> </a> </tbody>

436 html  html-table  bootstrap-4 

3 x 3의 테이블이 있습니다. 모든 행의 맨 아래에 테두리를 추가 tr하고 특정 색상을 부여 하는 방법이 필요합니다 . 먼저 직접 방법을 시도했습니다. <tr style="border-bottom:1pt solid black;"> 그러나 그것은 효과가 없었습니다. 그래서 다음과 같이 CSS를 추가했습니다. tr { border-bottom: 1pt solid black; } 여전히 작동하지 않았습니다. CSS를 사용하는 것이 좋습니다. …

385 html  css  html-table 

td태그를 어떻게 지정하면 모든 열에 걸쳐 있어야 합니까 (테이블의 정확한 열 수가 HTML 렌더링 시점을 결정하기 위해 가변적이거나 어려운 경우)? w3schools 는 사용할 수 colspan="0"있다고 언급 하지만 브라우저가 해당 값을 지원하는 브라우저를 정확하게 말하지는 않습니다 (IE 6이 지원 목록에 있습니다). colspan이론적 인 열 수보다 큰 값으로 설정 하면 효과가 있지만로 …

385 html  html-table  tablelayout 

편집 - 기존 제목 : 달성하는 다른 방법이 있습니까 border-collapse:collapse에서 CSS(A 붕괴, 둥근 모서리 테이블을 위해)은? 단순히 테이블의 경계를 무너 뜨려도 근본 문제가 해결되지는 않기 때문에 토론을 더 잘 반영하도록 제목을 업데이트했습니다. CSS3 border-radius속성을 사용하여 모서리가 둥근 테이블을 만들려고 합니다. 내가 사용하는 테이블 스타일은 다음과 같습니다. table { -moz-border-radius:10px; -webkit-border-radius:10px; …

317 html  css  rounded-corners  html-table 

jQuery로 테이블 행을 제거하는 가장 좋은 방법은 무엇입니까?

309 javascript  jquery  html-table 

간단한 해결책이 필요합니다. 나는 그것이 다른 질문들과 비슷하다는 것을 알고 있습니다 : 고정 헤더와 고정 열이있는 HTML 테이블? JavaScript와 CSS를 사용하여 스크롤 할 때 테이블의 첫 번째 행과 첫 번째 열을 잠글 수 있습니까? 그러나 고정하려면 하나의 왼쪽 열이 필요하며 간단하고 스크립트가없는 솔루션을 선호합니다.

266 html  css  html-table 

다음 마크 업이 주어지면 CSS를 사용하여 하나의 셀 (열의 모든 셀)을 확장하지 않고 내용의 너비에 맞출 수 있습니까 (기본 동작)? <style type="text/css"> td.block { border: 1px solid black; } </style> <table style="width: 100%;"> <tr> <td class="block">this should stretch</td> <td class="block">this should stretch</td> <td class="block">this should be the content width</td> </tr> …

265 html  css  html-table