如何自定義ActiveAdmin索引頁面中的表格列大小？

我正在嘗試在我使用ActiveAdmin創建的管理部分中自定義索引頁。我想爲CSS2中的每一列設置大小。如何自定義ActiveAdmin索引頁面中的表格列大小？

ActiveAdmin創建這樣一個佈局：

<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，如：

<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>

也許，這不是做到這一點的最好辦法？

任何幫助表示讚賞...

來源

2011-12-12 fro_oo

我認爲這是確定使用這個類，除非你有很多的''標籤:) – haynar

是的，當然，只是使用類。我有時使用'可讀'類作爲.w200 {寬度：200px} - 這可能比第一，第二，第三更易... – ptriek

Thx爲您的答覆。但我該怎麼做？ –

嗯，這裏是一個辦法做到這一點：

在active_admin.css.scss你可以添加一些樣式自定義例如標題模型的指標：

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; 
}

等等......

來源

2011-12-13 15:06:07

如何自定義ActiveAdmin索引頁面中的表格列大小？

回答

相關問題