如何改變表格中列數據的顏色和枝條？

Question

{% for item in items %} 
      <tr> 
       <td > 
        {{item.generated_on| date('d M, Y')| default("")}} 
       </td> 

       <td> 
        {{item.number}} 
       </td> 

       <td> 
        <ul> 
         {% for detail in item.details %} 
          <li> 
           {{detail.label}} 
          </li> 
         {% endfor %} 
        </ul> 
       </td> 
      <tr> 

我想更改details.label字段的顏色及其樣式。 細節是一個包含標籤和其他字段的對象。 在此先感謝

Answer 1

{% for detail in item.details %} 
    <li> 
     <span class="colored-label"> {{detail.label}} </span> 
    </li> 
{% endfor %} 

然後給css中的彩色標籤類風格。

.colored-label { 
    color: #ccc; 
    /* other styles */ 
} 

Answer 2

Twig isi Beck End template，它與css幾乎沒有任何關係。你可以對HTML進行樣式設置，只需要在瀏覽器上查看你的html的源代碼並根據它創建一個css文件即可。

或者，如果您正在控制更改detail.label，您可以更改它的html結構。