ActiveAdmin 인덱스 페이지에서 테이블 열 크기를 사용자 지정하는 방법은 무엇입니까?

Question

ActiveAdmin으로 작성한 관리 섹션에서 색인 페이지를 사용자 정의하려고합니다. CSS2의 각 열에 크기를 설정하고 싶습니다.

<table [...] class="index_table"> 
    <thead> 
    <tr> 
     <th class="sortable"><a href="#">Field 1</a></th> 
     <th class="sortable"><a href="#">Field 2</a></th> 
     <th class="sortable"><a href="#">Field 3</a></th> 
     <th class="sortable"><a href="#">Field 4</a></th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td>value 1</td> 
     <td>value 2</td> 
     <td>value 3</td> 
     <td>value 4</td> 
    </tr> 
    </tbody> 
</table> 

내가 같은 클래스 또는 각 <th> 섹션에 대한 ID를 추가 할 :

ActiveAdmin을 같은 레이아웃 생성 어쩌면

<table [...] class="index_table"> 
    <thead> 
    <tr> 
     <th class="first sortable"><a href="#">Field 1</a></th> 
     <th class="second sortable"><a href="#">Field 2</a></th> 
     <th class="third sortable"><a href="#">Field 3</a></th> 
     <th class="fourth sortable"><a href="#">Field 4</a></th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td>value 1</td> 
     <td>value 2</td> 
     <td>value 3</td> 
     <td>value 4</td> 
    </tr> 
    </tbody> 
</table> 

를, 그것을 할 수있는 가장 좋은 방법은 아니다 ?

을 active_admin.css.scss에서 당신은 예를 들어 헤드 라인 모델의 인덱스를 정의하는 몇 가지 스타일을 추가 할 수 있습니다 :

어떤 도움을 주시면 감사 ...

Answer 1

음, 여기에 그것을 할 수있는 방법

body.admin_headlines table.index_table thead tr th:nth-child(1) { 
    width: 100px !important; 
} 

body.admin_headlines table.index_table thead tr th:nth-child(2) { 
    width: 200px !important; 
} 

등등 ...