@livelybone/vue-table/lib/css/index.css

A vue table component, support width change

.vue-table{width:100%}.vue-table .tr{border-top:1px solid #c2ccdc}.vue-table .tr:last-child{border-bottom:1px solid #c2ccdc}.vue-table .th,.vue-table .td{position:relative;border-left:1px solid #c2ccdc;font-size:14px;text-align:center;padding:0 10px}.vue-table .th:last-child,.vue-table .td:last-child{border-right:1px solid #c2ccdc}.vue-table .thead .tr{min-height:40px}.vue-table .thead .tr .th{height:100%;color:#666}.vue-table .tbody .tr{min-height:34px}.vue-table .tbody .tr:first-child{border-top:0}.vue-table .tbody .tr .td{height:100%;color:#777}.vue-table .tbody .tr .td .td-value{display:inline-block;max-width:100%;vertical-align:middle}.table-extend .scrollbar-wrap .scrollbar{width:4px !important;border-radius:2px !important}.table-extend .tr{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;white-space:nowrap}.table-extend .th,.table-extend .td{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;display:inline-block;position:relative;min-height:40px;line-height:40px;vertical-align:middle}.table-extend .th .column-resize,.table-extend .td .column-resize{position:absolute;right:-5px;top:50%;max-width:100%;width:10px;height:40px;margin:-20px 0 0;cursor:col-resize}.table-extend .td{min-height:34px;line-height:34px}.table-extend .td img{max-width:100%}.table-extend .td .td-value{display:inline-block;max-width:100%;min-height:34px;vertical-align:middle}