[javascript] DataTables에서 한 개의 셀에 대한 스타일을 공유하는 방법은 무엇인가요?

30 Nov 2023

javascript

HTML

<table id="myTable">
  <thead>
    <tr>
      <th>이름</th>
      <th>나이</th>
      <th>성별</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="shared-style">John</td>
      <td class="shared-style">25</td>
      <td>남성</td>
    </tr>
    <tr>
      <td class="shared-style">Emily</td>
      <td class="shared-style">30</td>
      <td>여성</td>
    </tr>
  </tbody>
</table>

.shared-style {
  background-color: #f2f2f2;
  font-weight: bold;
  text-align: center;
}

JavaScript

$(document).ready(function() {
  $('#myTable').DataTable();
});

위의 코드에서 .shared-style 클래스를 사용하여 특정 셀에 스타일을 적용합니다. background-color와 font-weight 속성을 사용하여 셀의 배경색과 글꼴 굵기를 변경할 수 있습니다. DataTables은 JavaScript 코드에서 테이블을 초기화하는 데 사용되었습니다.

더 자세한 정보는 DataTables 공식 문서를 참조하시기 바랍니다.