dwui/packages/edit-table/edit-table.css

a part of wrapper on iView UI

.dxy-table {
  height:100%;
  color:#515a6e;
  font-size:12px;
  background-color:#fff;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-collapse: collapse;
  padding-bottom: 10px;
}

.tip-world {
  word-break: break-all;
  white-space: normal;
}

.dxy-table-wrapper {
  margin-top: 5px;
  box-sizing:border-box;
  width: 100%;
  overflow: scroll;
  border:1px solid #dcdee2
}
.dxy-table-table-caption {
  text-align: center;
  height: 30px;
  line-height:2;
  font-size: 14px;
}
.dxy-table-hide {
  opacity:0
}
.dxy-table:before {
  content:'';
  height:1px;
  position:absolute;
  left:0;
  bottom:0;
  background-color:#dcdee2;
  z-index:1
}
.dxy-table:after {
  content:'';
  width:1px;
  height:100%;
  position:absolute;
  top:0;
  right:0;
  background-color:#dcdee2;
  z-index:3
}
.dxy-table-footer,.dxy-table-title {
  height:48px;
  line-height:48px;
  border-bottom:1px solid #e8eaec
}
.dxy-table-footer {
  border-bottom:none
}
.dxy-table-header {
  overflow:hidden
}

.dxy-table-border-th {
  text-align:center !important;
  border:1px solid #dcdee2;
}
.dxy-table-border-td {
  border:1px solid #dcdee2;
  padding: 1px;
  text-align: center !important;
  position: relative;
}

.dxy-table-overflowX {
  overflow-x:scroll
}
.dxy-table-overflowY {
  overflow-y:scroll
}
.dxy-table-tip {
  overflow-x:auto;
  overflow-y:hidden
}
.dxy-table-with-fixed-top.dxy-table-with-footer .dxy-table-footer {
  border-top:1px solid #dcdee2
}
.dxy-table-with-fixed-top.dxy-table-with-footer tbody tr:last-child td {
  border-bottom:none
}
.dxy-table td,.dxy-table th {
  min-width:0;
  height:48px;
  padding: 1px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  text-align:left;
  text-overflow:ellipsis;
  vertical-align:middle;
  border-bottom:1px solid #e8eaec
}
.dxy-table th {
  height:40px;
  white-space:nowrap;
  overflow:hidden;
  background-color:#f8f8f9
}
.dxy-table td {
  background-color:#fff;
  -webkit-transition:background-color .2s ease-in-out;
  transition:background-color .2s ease-in-out
}
td.dxy-table-column-left,th.dxy-table-column-left {
  text-align:left
}
td.dxy-table-column-center,th.dxy-table-column-center {
  text-align:center
}
td.dxy-table-column-right,th.dxy-table-column-right {
  text-align:right
}
.dxy-table table {
  /*table-layout:fixed*/
}
.dxy-table-border td,.dxy-table-border th {
  border-right:1px solid #e8eaec
}
.dxy-table-cell {
  padding-left:18px;
  padding-right:18px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal;
  word-break:break-all;
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
.dxy-table-cell-ellipsis {
  word-break:keep-all;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.dxy-table-cell-tooltip {
  width:100%
}
.dxy-table-cell-tooltip-content {
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.dxy-table-cell-with-expand {
  height:47px;
  line-height:47px;
  padding:0;
  text-align:center
}
.dxy-table-cell-expand {
  cursor:pointer;
  -webkit-transition:-webkit-transform .2s ease-in-out;
  transition:-webkit-transform .2s ease-in-out;
  transition:transform .2s ease-in-out;
  transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out
}
.dxy-table-cell-expand i {
  font-size:14px
}
.dxy-table-cell-expand-expanded {
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg)
}
.dxy-table-cell-sort {
  cursor:pointer;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.dxy-table-cell-with-selection .dxy-checkbox-wrapper {
  margin-right:0
}
.dxy-table-hidden {
  visibility:hidden
}
th .dxy-table-cell {
  display:inline-block;
  word-wrap:normal;
  vertical-align:middle
}
td.dxy-table-expanded-cell {
  padding:20px 50px;
  background:#f8f8f9
}
.dxy-table-stripe .dxy-table-body tr:nth-child(2n) td,.dxy-table-stripe .dxy-table-fixed-body tr:nth-child(2n) td {
  background-color:#f8f8f9
}
.dxy-table-stripe .dxy-table-body tr.dxy-table-row-hover td,.dxy-table-stripe .dxy-table-fixed-body tr.dxy-table-row-hover td {
  background-color:#ebf7ff
}
tr.dxy-table-row-hover td {
  background-color:#ebf7ff
}
.dxy-table-large {
  font-size:14px
}
.dxy-table-large th {
  height:48px
}
.dxy-table-large td {
  height:60px
}
.dxy-table-large-footer,.dxy-table-large-title {
  height:60px;
  line-height:60px
}
.dxy-table-large .dxy-table-cell-with-expand {
  height:59px;
  line-height:59px
}
.dxy-table-large .dxy-table-cell-with-expand i {
  font-size:16px
}
.dxy-table-small th {
  height:32px
}
.dxy-table-small td {
  height:40px
}
.dxy-table-small-footer,.dxy-table-small-title {
  height:40px;
  line-height:40px
}
.dxy-table-small .dxy-table-cell-with-expand {
  height:39px;
  line-height:39px
}
.dxy-table-row-highlight td,.dxy-table-stripe .dxy-table-body tr.dxy-table-row-highlight:nth-child(2n) td,.dxy-table-stripe .dxy-table-fixed-body tr.dxy-table-row-highlight:nth-child(2n) td,tr.dxy-table-row-highlight.dxy-table-row-hover td {
  background-color:#ebf7ff
}
.dxy-table-fixed,.dxy-table-fixed-right {
  position:absolute;
  top:0;
  left:0;
  -webkit-box-shadow:2px 0 6px -2px rgba(0,0,0,.2);
  box-shadow:2px 0 6px -2px rgba(0,0,0,.2)
}
.dxy-table-fixed-right::before,.dxy-table-fixed::before {
  content:'';
  width:100%;
  height:1px;
  background-color:#dcdee2;
  position:absolute;
  left:0;
  bottom:0;
  z-index:4
}
.dxy-table-fixed-right {
  top:0;
  left:auto;
  right:0;
  -webkit-box-shadow:-2px 0 6px -2px rgba(0,0,0,.2);
  box-shadow:-2px 0 6px -2px rgba(0,0,0,.2)
}
.dxy-table-fixed-right-header {
  position:absolute;
  top:-1px;
  right:0;
  background-color:#f8f8f9;
  border-top:1px solid #dcdee2;
  border-bottom:1px solid #e8eaec
}
.dxy-table-fixed-header {
  overflow:hidden
}
.dxy-table-fixed-header-with-empty .dxy-table-hidden .dxy-table-sort {
  display:none
}
.dxy-table-fixed-header-with-empty .dxy-table-hidden .dxy-table-cell span {
  display:none
}
.dxy-table-fixed-body {
  overflow:hidden;
  position:relative;
  z-index:3
}
.dxy-table-fixed-shadow {
  width:1px;
  height:100%;
  position:absolute;
  top:0;
  right:0;
  -webkit-box-shadow:1px 0 6px rgba(0,0,0,.2);
  box-shadow:1px 0 6px rgba(0,0,0,.2);
  overflow:hidden;
  z-index:1
}
.dxy-table-sort {
  display:inline-block;
  width:14px;
  height:12px;
  margin-top:-1px;
  vertical-align:middle;
  overflow:hidden;
  cursor:pointer;
  position:relative
}
.dxy-table-sort i {
  display:block;
  height:6px;
  line-height:6px;
  overflow:hidden;
  position:absolute;
  color:#c5c8ce;
  -webkit-transition:color .2s ease-in-out;
  transition:color .2s ease-in-out;
  font-size:16px
}
.dxy-table-sort i:hover {
  color:inherit
}
.dxy-table-sort i.on {
  color:#2d8cf0
}
.dxy-table-sort i:first-child {
  top:0
}
.dxy-table-sort i:last-child {
  bottom:0
}
.dxy-table-filter {
  display:inline-block;
  cursor:pointer;
  position:relative
}
.dxy-table-filter i {
  color:#c5c8ce;
  -webkit-transition:color .2s ease-in-out;
  transition:color .2s ease-in-out
}
.dxy-table-filter i:hover {
  color:inherit
}
.dxy-table-filter i.on {
  color:#2d8cf0
}
.dxy-table-filter-list {
  padding:8px 0 0
}
.dxy-table-filter-list-item {
  padding:0 12px 8px
}
.dxy-table-filter-list-item .dxy-checkbox-wrapper+.dxy-checkbox-wrapper {
  margin:0
}
.dxy-table-filter-list-item label {
  display:block
}
.dxy-table-filter-list-item label>span {
  margin-right:4px
}
.dxy-table-filter-list ul {
  padding-bottom:8px
}
.dxy-table-filter-list .dxy-table-filter-select-item {
  margin:0;
  line-height:normal;
  padding:7px 16px;
  clear:both;
  color:#515a6e;
  font-size:12px!important;
  white-space:nowrap;
  list-style:none;
  cursor:pointer;
  -webkit-transition:background .2s ease-in-out;
  transition:background .2s ease-in-out
}
.dxy-table-filter-list .dxy-table-filter-select-item:hover {
  background:#f3f3f3
}
.dxy-table-filter-list .dxy-table-filter-select-item-focus {
  background:#f3f3f3
}
.dxy-table-filter-list .dxy-table-filter-select-item-disabled {
  color:#c5c8ce;
  cursor:not-allowed
}
.dxy-table-filter-list .dxy-table-filter-select-item-disabled:hover {
  color:#c5c8ce;
  background-color:#fff;
  cursor:not-allowed
}
.dxy-table-filter-list .dxy-table-filter-select-item-selected,.dxy-table-filter-list .dxy-table-filter-select-item-selected:hover {
  color:#2d8cf0
}
.dxy-table-filter-list .dxy-table-filter-select-item-divided {
  margin-top:5px;
  border-top:1px solid #e8eaec
}
.dxy-table-filter-list .dxy-table-filter-select-item-divided:before {
  content:'';
  height:5px;
  display:block;
  margin:0 -16px;
  background-color:#fff;
  position:relative;
  top:-7px
}
.dxy-table-filter-list .dxy-table-large .dxy-table-filter-select-item {
  padding:7px 16px 8px;
  font-size:14px!important
}
@-moz-document url-prefix() {
  .dxy-table-filter-list .dxy-table-filter-select-item {
    white-space:normal
  }
}.dxy-table-filter-footer {
   padding:4px;
   border-top:1px solid #e8eaec;
   overflow:hidden
 }
.dxy-table-filter-footer button:first-child {
  float:left
}
.dxy-table-filter-footer button:last-child {
  float:right
}
.dxy-table-tip table {
  width:100%
}
.dxy-table-tip table td {
  text-align:center
}
.dxy-table-expanded-hidden {
  visibility:hidden
}
.dxy-table-popper {
  min-width:0;
  text-align:left
}
.dxy-table-popper .dxy-poptip-body {
  padding:0
}
.input-cell {
  border: none !important;
  outline:none;
  width: 100%;
  height: 100%;
  text-align: center;
}
.input-cell:focus{
  border: 1px solid red;
  background: #ddd;
}
.table-toolbar {
  margin-bottom: 2px;
  display: flex;
  justify-content: space-between;
}
.table-toolbar-right {
  margin-right: 2px;
  padding-bottom: 2px;
}
.table-toolbar-left {
  margin-left: 2px;
  padding-bottom: 2px;
}
.table-tool-header-wrapper {
  display: flex;
  justify-content: flex-start;
  margin-top: 5px;
  margin-left: 4px;
}
.no-data-info {
  text-align: center;
  border-bottom: 1px solid #dcdee2;
  background-color: white;
  line-height: 4;
}