0
下面是中使用的CSS類:CSS類沒有得到應用到錶行
.table-striped>tbody>tr:last-child>td,
.table-striped>tbody>tr:last-child>th>.total_row_dark {
background-color: #76767b !important;
color: #fff;
font-weight: 700;
}
tr.campare_row span {
background-color: #76767b;
border-radius: 5px;
color: #ffffff !important;
display: inline-block;
font-weight: bold;
margin: 3px;
padding: 6px 18px;
font-size: 16px;
border: 1px solid #ffffff;
}
.campare_row>td {
vertical-align: middle!important;
}
這些類都應該在這裏被用於以下表行:
<tr class="campare_row total_row_dark" ng-repeat="location in vm.rwsTableData | filter : 'Summary'" ts-repeat>
<td> </td>
<td class="text-left">{{location.locationName}}</td>
<td class="text-right light-blue">{{(location.waterDemand == vm.constant.NO_WATER_SUPPLY)?'-':location.waterDemand | number:2}}</td>
<td class="text-right light-blue">{{(location.waterSupply == vm.constant.NO_WATER_SUPPLY)?'-':location.waterSupply | number:2}}</td>
<td class="text-right light-blue" ng-if="location.waterDemand != vm.constant.NO_WATER_SUPPLY && location.waterDeficit != vm.constant.NO_WATER_SUPPLY">{{(location.waterDeficit == vm.constant.NO_WATER_SUPPLY)?'-':location.waterDeficit | number:2}} ({{(location.waterDemand != 0)?((location.waterDeficit*100)/location.waterDemand):0 | number:2}}%)</td>
<td class="text-right light-blue" ng-if="location.waterDemand == vm.constant.NO_WATER_SUPPLY || location.waterDeficit == vm.constant.NO_WATER_SUPPLY">{{(location.waterDeficit == vm.constant.NO_WATER_SUPPLY)?'-':(location.waterDeficit | number:2)}}</td>
<td class="text-right light-orange">{{vm.getStressValue(location.locationStressIndicator)}}</td>
<td class="text-right light-orange">{{location.impactedPopulation | number}}</td>
<td class="text-right light-blue">{{location.numOfTankersAsOfToday | number}}</td>
<td class="text-right light-blue">{{location.numOfTankersForToday | number}}</td>
<td></td>
</tr>
根據類的描述,表中的最後一行應分別改爲所提到的背景顏色,文本顏色和字體權重。但它並沒有改變,最後一行是整個桌子的顏色。如何解決這個問題?
你可以顯示什麼表結構嗎? –
它的確如此小提示所示:https://jsfiddle.net/4tvovto7/1/ - 你能向我們展示結果表嗎?你錯過了課程名稱?或者tbody? – lumio
請給我們一個完全可重複的例子...我們也需要
回答
這會爲最後一排
來源
2017-09-13 07:53:38 Gattbha
工作,因爲我看到你正在使用的引導
table-striped
,也許它的風格將覆蓋您的自定義樣式。所以要確保添加!important
並檢查它是否顯示。 (使用!重要的是不是很好的練習一般)來源
2017-09-13 07:54:02 1011sophie
相關問題