UNPKG

vue-elementui-table

Version:

基于element-ui表格二次包装的表格,可以使用JSON完成表格配置

1 lines 2.21 kB
.zj-table{display:flex;flex-direction:column;height:100%;background-color:#fff}.zj-table__container{flex:1;height:0;overflow:auto}.zj-table__body{font-size:14px}.zj-table__page{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:2px 0;margin:0 auto;margin-top:10px}.zj-table__page .el-pagination{display:inline-block}.zj-table__page .el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#7048e8}.zj-table__toolbar{display:flex;justify-content:space-between;margin-top:8px;margin-bottom:8px}.zj-table__buttons{display:flex;margin:auto 0}.zj-table__buttons .el-dropdown{width:auto;margin:0 10px}.zj-table__actionbutton{font-size:14px}.zj-table__search{display:flex;align-items:center;width:600px;max-width:100%}.zj-table__searchbtn{min-width:40px;margin-left:10px}.zj-table__searchbtn .el-button{height:30px}.zj-table__simpleform{display:flex;flex:1;flex-direction:column;justify-content:center;max-width:600px;height:auto}.zj-table__simpleform .el-form-item__content{overflow:hidden}.zj-table__simpleform .el-form-item--small.el-form-item{margin-bottom:0}.zj-table__link{max-width:100%;font-size:14px}.zj-table__link .el-link--inner{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.zj-table .el-table{border:0;border-top:1px solid #ebeef5}.zj-table .el-table:after{background-color:transparent}.zj-table .el-table__header th{padding-top:5px;padding-bottom:5px;font-weight:500;color:#8d94a8}.zj-table .el-table__header th:last-child{border-right:none}.zj-table .el-table__row td{padding-top:8px;padding-bottom:8px;color:#5a6070}.zj-table .el-table__fixed-header-wrapper th:last-child,.zj-table .el-table__row td:last-child{border-right:0}.zj-table .el-table__row .cell>div{width:92%}.zj-table .el-table__row .cell>div.el-table__expand-icon{width:4%}.zj-table .el-table__row .zj-table__actioncolumn{border-right:0 solid #ebeef5}.zj-table .el-table__row .zj-table__actioncolumn .el-button{padding-top:0;padding-bottom:0;font-size:14px}.zj-table .el-table__row .zj-table__actioncolumn .el-dropdown{width:auto;margin-left:10px}.zj-table__column--required .cell:before{margin-right:4px;color:#f56c6c;content:"*"}