카테고리 - '전체'만 sortable 제외 , css 적용하기

 

<table class="table sorting mt-5" id="categories">
     <thead>

          <tr class="entire">

                <th scope="col"> # </th>

                <th scope="col">제 목</th>

                <th scope="col">수 정</th>

                <th scope="col">삭 제</th>

          </tr>

      </thead>

      <tbody>

                 <!-- th:id="'id_'+${category.id}" ??-->

                <tr th:each="category : ${categories}" th:id="'id_' + ${category.id}" th:class="${category.slug}">

                    <td th:text="${category.sorting}" scope="row"></td>

                    <td th:text="${category.name}"></td>

                    <td><a th:href="@{'/admin/categories/edit/' + ${category.id}}">수정</a></td>

                    <td><a th:if="${category.name != '전체'}" th:href="@{'/admin/categories/delete/'                                             ${category.id}}" class="deleteConfirm">삭제</a>
                    </td>

                </tr>

      </tbody>

</table>

                

해결

두개 같이 적용하는 법

items: 'tr:not(.category, .전체)'

 

 

 

.category과 .전체  두개의 클래스를 css처리하기

1. cursor: pointer; 

2. :hover 배경색

적용 안되도록 

table.sorting tr:not(.category,.전체){
    cursor: pointer;
}


table.sorting tr:not(.category,.전체):hover{
    background-color: silver;
}