728x90
반응형

html-table 4

CSS에서 테이블 셀 패딩 및 셀 간격을 설정하는 방법

질문 : CSS에서 셀 패딩 및 셀 간격을 설정 하시겠습니까? HTML 테이블에서 cellpadding 및 cellspacing 은 다음과 같이 설정할 수 있습니다. CSS를 사용하여 어떻게 똑같이 할 수 있습니까? 답변 기초 padding "을 제어하려면 표 셀에 패딩을 사용하면됩니다. 예 : 10px의 "cellpadding": td { padding: 10px; } "cellspacing"의 경우 border-spacing CSS 속성을 테이블에 적용 할 수 있습니다. 예 : 10px의 "cellspacing": table { border-spacing: 10px; border-collapse: separate; } 이 속성은 별도의 수평 및 수직 간격을 허용합니다. 구식 "셀 간격"으로는 할 수없..

jQuery 테이블 마지막 행에 행 추가하는 방법

질문 : jQuery에 테이블 행 추가 테이블에 추가 행을 마지막 행으로 추가하는 jQuery에서 가장 좋은 방법은 무엇입니까? 이것이 허용됩니까? $('#myTable').append('my datamore data'); 이와 같은 테이블에 추가 할 수있는 항목 (예 : 입력, 선택, 행 수)에 제한이 있습니까? 답변 당신이 제안한 접근 방식이 당신이 찾고있는 결과를 보장 할 수는 없습니다. 예를 들어 tbody ... ... 결국 다음과 같이됩니다. ... ... ... 따라서 대신이 방법을 권장합니다. $('#myTable tr:last').after('......'); 위의 예에 따라 여러 행을 포함하여 유효한 HTML 인 after() 메서드 내에 모든 것을 포함 할 수 있습니다. 업데이트 : ..

div가 나머지 화면 공간의 높이를 채우도록 하는 방법

질문 : div가 나머지 화면 공간의 높이를 채우도록합니다. 콘텐츠가 전체 화면의 높이를 채우도록하는 웹 애플리케이션에서 작업 중입니다. 페이지에는 로고와 계정 정보가 포함 된 헤더가 있습니다. 임의의 높이가 될 수 있습니다. 콘텐츠 div가 페이지의 나머지 부분을 맨 아래까지 채우길 원합니다. 헤더 div 및 콘텐츠 div 있습니다. 현재 나는 다음과 같은 레이아웃에 테이블을 사용하고 있습니다. CSS 및 HTML #page { height: 100%; width: 100% } #tdcontent { height: 100%; } #content { overflow: auto; /* or overflow: hidden; */ } ... ... 페이지의 전체 높이가 채워지며 스크롤 할 필요가 없습니다. 콘..

CSS를 사용하는 테이블 행 색상 변경

질문 : CSS를 사용하는 대체 테이블 행 색상? 나는 이것으로 대체 행 색상이있는 테이블을 사용하고 있습니다. tr.d0 td { background-color: #CC9999; color: black; } tr.d1 td { background-color: #9999CC; color: black; } One one Two two tr 에 대한 클래스를 사용하고 있지만 table 에만 사용하고 싶습니다. 이보다 테이블에 클래스를 사용할 때 tr 대안에 적용됩니다. CSS를 사용하여 이와 같이 HTML을 작성할 수 있습니까? Oneone Twotwo CSS를 사용하여 행에 "얼룩말 줄무늬"를 만들려면 어떻게해야합니까? 답변 $(document).ready(function() { $("tr:odd").cs..

728x90
반응형