鍍金池/ 問答/HTML/ antd的table中的行設(shè)置陰影樣式無效,要怎么解決呢

antd的table中的行設(shè)置陰影樣式無效,要怎么解決呢

使用antd的table組件,一開始想使用給的onRow的API來設(shè)置,但是不好使,于是就用global來直接覆蓋了樣式,設(shè)置高、背景色等等屬性都沒有問題,但是設(shè)置陰影之后并不顯示。但如果我設(shè)置單元格的陰影屬性,就是生效的,這是為啥呢...
我就想要一整行有陰影。。

這是現(xiàn)在設(shè)置了陰影后的效果,就是沒效果
圖片描述

樣式的代碼已經(jīng)上來了
圖片描述

這是樣式替換的代碼
圖片描述

能搞不...(剛剛試了一下 border也是不好使的)

=============
補(bǔ)充一下
圖片描述

這個(gè)屬性正常來說當(dāng)border-collapse是separate的時(shí)候,是不會(huì)合并表格線的,但他合并了,而且合并的非常徹底。
反倒是當(dāng)我將屬性改為collapse的時(shí)候,table四周的會(huì)出現(xiàn)線,但是陰影還是不會(huì)顯示,如圖(此時(shí)陰影無效果,border有效果)
圖片描述

什么鬼啊這是....

回答
編輯回答
伴謊

antd: 這個(gè)鍋我不背
圖片描述

2017年1月27日 10:02
編輯回答
哎呦喂

貌似沒有比較好的解決方案? 這兩天一直在搞這個(gè)樣式,怎么覆蓋都不行。。。

2017年3月27日 04:33
編輯回答
脾氣硬
:global {
    .ant-table-tbody {
         > tr {
             box-shadow: 0 1px 5px 0 rgba(51, 51, 51, 0.14) !important;
         }
    }
}
2017年11月22日 03:46
編輯回答
焚音
                               ---------  已解決  --------

在確定并不是塌陷屬性造成的這個(gè)現(xiàn)象之后,我查看了一下display的各個(gè)屬性,但在我的項(xiàng)目里并沒有見到有什么dispaly的屬性不正常,甚至在他一連串的父元素什么的身上dispaly都很少見,索性我也不找了,直接加了嘗試了dispaly的所有屬性。

這是原本的屬性,用的是table-row
圖片描述

這是用的table
圖片描述

這是我最后選定用的inline-block
圖片描述

當(dāng)然,原本用上display之后并不是這個(gè)樣子的,表格內(nèi)的td不再自適應(yīng),我手動(dòng)給了寬等等屬性,恢復(fù)了它自適應(yīng)的狀態(tài),但實(shí)質(zhì)上,組件默認(rèn)的樣式已經(jīng)被我覆蓋掉了,原本組件使用什么樣的方式實(shí)現(xiàn)自適應(yīng)的,我有空還需要去看一下源碼,還需要學(xué)習(xí)啊,總歸問題還是結(jié)局了,能繼續(xù)干活了。

2018年3月20日 12:27