vantui-edit/es/table/index.css

一套适用于Taro3及React的vantui组件库

.van-table{box-sizing:border-box;max-width:100vw;overflow-x:scroll;position:relative}.van-table .van-empty__image{width:200px;height:200px}.van-table::-webkit-scrollbar{display:none}.van-table .van-table_table{min-height:100%;min-width:100%}.van-table .van-table_table .van-table_empty{width:100%;text-align:center;font-size:24px;color:#ccc;min-height:288px;line-height:288px}.van-table .van-table_table .van-table_head{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;width:-webkit-max-content;width:max-content;min-width:100%;height:68px;box-sizing:border-box}.van-table .van-table_table .van-table_head.van-table_scroll{position:-webkit-sticky;position:sticky;top:0;z-index:93}.van-table .van-table_table .van-table_head>.van-table_title{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:68px;font-size:24px;background-color:#fff;box-sizing:border-box;border-top:2px #f0f1f3 solid;border-bottom:2px #f0f1f3 solid}.van-table .van-table_table .van-table_head>.van-table_title:active{opacity:.7}.van-table .van-table_table .van-table_head>.van-table_title.van-table_fixed{position:-webkit-sticky;position:sticky;top:0;box-shadow:3px 0 10px -10px #8a8787}.van-table .van-table_table .van-table_head>.van-table_title>.van-table_sortBtn{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;margin-left:4px}.van-table .van-table_table .van-table_head>.van-table_title>.van-table_sortBtn>.van-table_btn{height:0;width:0}.van-table .van-table_table .van-table_head>.van-table_title>.van-table_sortBtn>.van-table_btn.van-table_ascend{border-top:8px solid transparent;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #e2e2e2;margin-bottom:4px}.van-table .van-table_table .van-table_head>.van-table_title>.van-table_sortBtn>.van-table_btn.van-table_ascend.van-table_active{border-bottom-color:#1a1a1a}.van-table .van-table_table .van-table_head>.van-table_title>.van-table_sortBtn>.van-table_btn.van-table_descend{border-top:8px solid #e2e2e2;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid transparent}.van-table .van-table_table .van-table_head>.van-table_title>.van-table_sortBtn>.van-table_btn.van-table_descend.van-table_active{border-top-color:#1a1a1a}.van-table .van-table_table .van-table_body{min-height:120px}.van-table .van-table_table .van-table_body>.van-table_row{min-height:120px;position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;height:-webkit-max-content;height:max-content;width:-webkit-max-content;width:max-content;min-width:100%;background-color:#fff;border-top:1rpx solid rgba(67,120,190,.1);border-bottom:2px #f0f1f3 solid}.van-table .van-table_table .van-table_body>.van-table_row:first-child{border-top:none}.van-table .van-table_table .van-table_body>.van-table_row>.van-table_col{min-height:120px;background-color:#fff;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box}.van-table .van-table_table .van-table_body>.van-table_row>.van-table_col taro-text-core{font-size:24px;line-height:36px;color:#1a1a1a;min-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-table .van-table_table .van-table_body>.van-table_row>.van-table_col.van-table_expansion{height:100%}.van-table .van-table_table .van-table_body>.van-table_row>.van-table_col.van-table_expansion taro-text-core{overflow:auto;text-overflow:unset;white-space:normal;word-wrap:break-word;word-break:break-all}.van-table .van-table_table .van-table_body>.van-table_row>.van-table_col.van-table_fixed{position:-webkit-sticky;position:sticky;top:0;z-index:92;box-shadow:3px 0 10px -10px #8a8787}.van-table-loading{position:absolute;z-index:99;left:44%;top:38%}