BootStrap 제목 설정 크로스 오 버 해결 방법

최근 에 BootStrap 표를 사용 하여 보고서 인터페이스 를 만 들 고 있 습 니 다.(보고서 의 기능 이 필요 하지 않 습 니 다.미리 보기 만 하고 행렬 이 정 해 져 있 으 면 데이터 양 에 따라 변화 할 필요 가 없습니다.더 좋 은 프레임 워 크 가 있 으 면 추천 을 환영 합 니 다.)제목 설정 이 줄 간 속성 rowspan 이 잘못 되 었 습 니 다.html 는 다음 과 같다.

<table class="table table-bordered">
 <thead>
  <th colspan="2" rowspan="2">    </th>
  <th>   </th>
  <th>   </th>
  <th>   </th>
  <th>   </th>
 </thead>
 <tr>
  <td>   </td>
  <td>   </td>
  <td>   </td>
  <td>   </td>
  <td>   </td>
 </tr>
 <tr>
  <td>   </td>
  <td>   </td>
  <td>   </td>
  <td>   </td>
  <td>   </td>
 </tr>
</tabel>
효 과 는 다음 과 같 습 니 다:

그림 의 효 과 를 볼 수 있 습 니 다.'기능 분류'라 는 셀 속성 은 colspan='2'rowspan='2'를 설정 하 였 으 나 colspan='2'만 효과 가 있 습 니 다.
해결 방안:
줄 을 넘 어야 할 셀 을탭 에 두 지 마 십시오.다음 과 같이 설정 할 수 있 습 니 다.

<table class="table table-bordered">
 <tr>
  <th colspan="2" rowspan="2">    </th>
  <th>   </th>
  <th>   </th>
  <th>   </th>
  <th>   </th>
 </tr>
 <tr>
  <td>   </td>
  <td>   </td>
  <td>   </td>
  <td>   </td>
  <td>   </td>
 </tr>
 <tr>
  <td>   </td>
  <td>   </td>
  <td>   </td>
  <td>   </td>
  <td>   </td>
 </tr>
</tabel>
효 과 는 다음 과 같 습 니 다:

총결산
위 에서 말씀 드 린 것 은 편집장 님 께 서 소개 해 주신 BootStrap 제목 설정 이 줄 을 뛰 어 넘 는 잘못된 해결 방법 입 니 다.여러분 께 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남 겨 주세요.편집장 님 께 서 바로 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기