deer-ui/es/table/style.css

React.js UI components for PC Web

.deer-ui-table{width:100%;font-size:14px;overflow:auto}.deer-ui-table-header{height:55px;border-bottom:1px solid #e8e8e8;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:700}.deer-ui-table-header-td{width:100%;padding:16px;text-align:left}.deer-ui-table-header-bordered{border-left:1px solid #e8e8e8;border-top:1px solid #e8e8e8}.deer-ui-table-header-bordered:last-child{border-right:1px solid #e8e8e8}.deer-ui-table-header.deer-ui-table-header-hideHeader{display:none}.deer-ui-table-header.deer-ui-table-header-noBottomLine{border-bottom:none}.deer-ui-table .deer-ui-table-content-tr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .5s cubic-bezier(.165,.84,.44,1);transition:all .5s cubic-bezier(.165,.84,.44,1)}.deer-ui-table .deer-ui-table-content-tr:nth-child(odd){background:#fafafa}.deer-ui-table .deer-ui-table-content-tr:nth-child(2n){background:#fff}.deer-ui-table .deer-ui-table-content-td{width:100%;padding:16px;text-align:left}.deer-ui-table .deer-ui-table-content-tr-hover:hover{background:rgba(49,194,124,.1)}.deer-ui-table .deer-ui-table-content-tr-bordered{border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8}.deer-ui-table .deer-ui-table-content-tr-bordered .deer-ui-table-content-td-bordered:last-child{border-right:none}.deer-ui-table .deer-ui-table-content .deer-ui-table-empty{display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;min-height:300px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.deer-ui-table .deer-ui-table-content .deer-ui-table-empty,.deer-ui-table .deer-ui-table-content .deer-ui-table-empty-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.deer-ui-table .deer-ui-table-content .deer-ui-table-empty-content{padding:20px}