@ttk/component/es/dataGrid/style/index.css

ttk组件库

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@import "fixed-data-table.min.css";
.mk-datagrid {
  flex: 1;
  height: 100%;
  overflow: hidden;
  background: #fff;
  font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333;
  /**
	 * 设置列头央视
	 * 字号：14px
	 * 默认状态字体色值：#454545
	 * 当前状态色值：#eaeaea，加粗
	 */
}
.mk-datagrid .ant-spin-nested-loading > div > .ant-spin {
  max-height: 100%;
  left: 0;
  top: 0;
}
.mk-datagrid-cellContent {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mk-datagrid-cellContent-left {
  color: #333;
  text-align: left !important;
  margin-left: 8px;
}
.mk-datagrid-cellContent-center {
  color: #333;
  justify-content: center;
}
.mk-datagrid-cellContent-right {
  color: #333;
  text-align: right !important;
}
.mk-datagrid-cellContent-text {
  width: 100%;
  height: 100%;
  display: block;
}
.mk-datagrid-sequence-cell,
.mk-datagrid-addDelRow-cell,
.mk-datagrid-upDownRow-cell {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
.mk-datagrid .fixedDataTableLayout_main {
  border: 1px solid #d9d9d9;
  z-index: 2;
}
.mk-datagrid .mk-nodata {
  z-index: 1;
}
.mk-datagrid .public_fixedDataTableCell_main {
  border-bottom: 1px solid #d9d9d9;
}
.mk-datagrid .public_fixedDataTable_hasBottomBorder {
  border-color: #e9e9e9;
  border-bottom: 0;
}
.mk-datagrid .public_fixedDataTableCell_cellContent {
  text-align: center;
  padding: 8px 4px !important;
}
.mk-datagrid .public_fixedDataTable_footer .public_fixedDataTableCell_main {
  background-color: #fff6ea !important;
  background-image: linear-gradient(#fff6ea, #fff6ea);
  font-weight: bold;
}
.mk-datagrid .public_fixedDataTable_footer .public_fixedDataTableCell_main .fixedDataTableCellGroupLayout_cellGroup {
  background-color: #fff6ea !important;
}
.mk-datagrid .public_fixedDataTable_header,
.mk-datagrid .public_fixedDataTable_header .public_fixedDataTableCell_main {
  /* background-color: #f6f7f8; */
  /* background-image: -webkit-linear-gradient(#fff,#efefef); */
  background: #eaeaea !important;
  color: #333;
  font-size: 13px;
  font-weight: normal;
  border-bottom: 1px solid #d9d9d9;
}
.mk-datagrid .fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper .public_fixedDataTable_header {
  background: #eaeaea !important;
  text-align: center;
}
.mk-datagrid .fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper .public_fixedDataTable_footer {
  text-align: center;
}
.mk-datagrid .public_fixedDataTable_scrollbarSpacer {
  top: 0px;
  background: #eaeaea;
}
.mk-datagrid .fixedDataTableRowLayout_rowWrapper:hover .public_fixedDataTableRow_highlighted,
.mk-datagrid .fixedDataTableRowLayout_rowWrapper:hover .fixedDataTableCellGroupLayout_cellGroup {
  background: #fff;
}
.mk-datagrid .fixedDataTableRowLayout_rowWrapper:hover .public_fixedDataTableCell_main {
  background-color: rgba(65, 106, 170, 0.07);
}
.mk-datagrid .fixedDataTableRowLayout_fixedColumnsDivider {
  border: 0px;
}
.mk-datagrid .fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper .public_fixedDataTable_header {
  background: #eaeaea;
}
.mk-datagrid .fixedDataTableRowLayout_rowWrapper .fixedDataTableRowLayout_main {
  overflow: visible;
}
.mk-datagrid .fixedDataTableRowLayout_rowWrapper:focus {
  border: 1px solid black;
}
.mk-datagrid .public_fixedDataTable_main {
  outline: none;
  overflow: hidden;
}
.mk-datagrid .fixedDataTableLayout_rowsContainer > div:nth-child(4) .fixedDataTableCellGroupLayout_cellGroupWrapper {
  background-color: #fff6ea;
}
.mk-datagrid .fixedDataTableLayout_rowsContainer > div:nth-child(4) .fixedDataTableCellGroupLayout_cellGroupWrapper .fixedDataTableCellGroupLayout_cellGroup {
  background-color: #fff6ea !important;
}
.mk-datagrid .edfx-app-proof-of-charge-money-cell > div {
  border-top: 0;
}
.mk-datagrid .ScrollbarLayout_mainHorizontal {
  border-left-width: 0;
}
.mk-datagrid .public_Scrollbar_main {
  z-index: 1 !important;
}
.mk-datagrid .public_fixedDataTable_header .public_fixedDataTableCell_main {
  font-weight: bold;
}
.mk-datagrid .total {
  background-color: #fff6ea;
  font-weight: bold;
}
.mk-datagrid .mk-datagrid-cellContent {
  padding: 0 4px;
  display: block;
  font-size: 13px;
  white-space: nowrap;
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mk-datagrid .fixedDataTableCellLayout_columnResizerContainer {
  cursor: col-resize !important;
}
.mk-datagrid .public_fixedDataTableCell_columnResizerKnob {
  cursor: col-resize !important;
  background-color: #0066b3;
}
.mk-datagrid .public_fixedDataTableCell_columnResizerKnob:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: 3px solid;
  top: 50%;
  border-color: transparent transparent #0066b3;
  left: -8px;
  transform: rotate(-90deg) translateX(3px);
}
.mk-datagrid .fixedDataTableColumnResizerLineLayout_mouseArea {
  cursor: col-resize !important;
}
.mk-datagrid .fixedDataTableColumnResizerLineLayout_main.public_fixedDataTableColumnResizerLine_main {
  border-color: transparent;
}
.mk-datagrid-editable {
  background-color: #fff;
}
.mk-datagrid-editable-add-row,
.mk-datagrid-editable-up-row,
.mk-datagrid-editable-down-row {
  visibility: hidden;
  font-size: 16px;
  color: #666;
}
.mk-datagrid-editable-add-row:hover,
.mk-datagrid-editable-up-row:hover,
.mk-datagrid-editable-down-row:hover {
  cursor: pointer;
  color: #0066B3;
  visibility: visible;
}
.mk-datagrid-editable-remove-row {
  visibility: hidden;
  font-size: 16px;
  color: #666;
}
.mk-datagrid-editable-remove-row:hover {
  cursor: pointer;
  color: red;
  visibility: visible;
}
.mk-datagrid-editable .fixedDataTableLayout_main .fixedDataTableLayout_rowsContainer > div:nth-child(3) > div:hover .mk-datagrid-addDelRow-cell a.addDelrow,
.mk-datagrid-editable .public_fixedDataTable_main .fixedDataTableLayout_rowsContainer > div:nth-child(3) > div:hover .mk-datagrid-addDelRow-cell a.addDelrow,
.mk-datagrid-editable .fixedDataTableLayout_main .fixedDataTableLayout_rowsContainer > div:nth-child(3) > div:hover .mk-datagrid-upDownRow-cell a.addDelrow,
.mk-datagrid-editable .public_fixedDataTable_main .fixedDataTableLayout_rowsContainer > div:nth-child(3) > div:hover .mk-datagrid-upDownRow-cell a.addDelrow,
.mk-datagrid-editable .fixedDataTableLayout_main .fixedDataTableLayout_rowsContainer > div:nth-child(3) > div:hover .mk-datagrid-sequence-cell a.addDelrow,
.mk-datagrid-editable .public_fixedDataTable_main .fixedDataTableLayout_rowsContainer > div:nth-child(3) > div:hover .mk-datagrid-sequence-cell a.addDelrow {
  display: none;
  visibility: hidden;
}
.mk-datagrid-editable .fixedDataTableLayout_main .fixedDataTableLayout_rowsContainer > div:nth-child(3) > div:hover .mk-datagrid-addDelRow-cell .anticon,
.mk-datagrid-editable .public_fixedDataTable_main .fixedDataTableLayout_rowsContainer > div:nth-child(3) > div:hover .mk-datagrid-addDelRow-cell .anticon,
.mk-datagrid-editable .fixedDataTableLayout_main .fixedDataTableLayout_rowsContainer > div:nth-child(3) > div:hover .mk-datagrid-upDownRow-cell .anticon,
.mk-datagrid-editable .public_fixedDataTable_main .fixedDataTableLayout_rowsContainer > div:nth-child(3) > div:hover .mk-datagrid-upDownRow-cell .anticon,
.mk-datagrid-editable .fixedDataTableLayout_main .fixedDataTableLayout_rowsContainer > div:nth-child(3) > div:hover .mk-datagrid-sequence-cell .anticon,
.mk-datagrid-editable .public_fixedDataTable_main .fixedDataTableLayout_rowsContainer > div:nth-child(3) > div:hover .mk-datagrid-sequence-cell .anticon {
  visibility: visible;
  zoom: 0.95;
}
.mk-addDel,
.mk-upDown,
.mk-endDel {
  overflow: hidden;
}
.mk-addDel .public_fixedDataTable_main,
.mk-upDown .public_fixedDataTable_main,
.mk-endDel .public_fixedDataTable_main {
  margin: 0 25px;
  overflow: visible;
  border-top: 0;
  border-bottom: 0;
}
.mk-addDel .public_fixedDataTable_main .fixedDataTableLayout_rowsContainer,
.mk-upDown .public_fixedDataTable_main .fixedDataTableLayout_rowsContainer,
.mk-endDel .public_fixedDataTable_main .fixedDataTableLayout_rowsContainer {
  overflow: visible;
}
.mk-addDel .mk-datagrid-cellContent,
.mk-upDown .mk-datagrid-cellContent,
.mk-endDel .mk-datagrid-cellContent {
  display: flex;
}
.mk-addDel .mk-datagrid-addDelRow-cell,
.mk-upDown .mk-datagrid-addDelRow-cell,
.mk-endDel .mk-datagrid-addDelRow-cell {
  background: #fff;
  width: 24px;
  margin-left: -25px;
  border-color: transparent;
}
.mk-addDel .mk-datagrid-upDownRow-cell,
.mk-upDown .mk-datagrid-upDownRow-cell,
.mk-endDel .mk-datagrid-upDownRow-cell {
  background: #fff;
  width: 24px;
  border-color: transparent;
}
.mk-addDel .fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper .fixedDataTableCellGroupLayout_cellGroupWrapper:first-child .fixedDataTableCellGroupLayout_cellGroup,
.mk-upDown .fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper .fixedDataTableCellGroupLayout_cellGroupWrapper:first-child .fixedDataTableCellGroupLayout_cellGroup,
.mk-endDel .fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper .fixedDataTableCellGroupLayout_cellGroupWrapper:first-child .fixedDataTableCellGroupLayout_cellGroup {
  overflow: visible;
}
.mk-addDel .fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper .fixedDataTableCellGroupLayout_cellGroupWrapper:first-child .fixedDataTableCellGroupLayout_cellGroup .public_fixedDataTableCell_main,
.mk-upDown .fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper .fixedDataTableCellGroupLayout_cellGroupWrapper:first-child .fixedDataTableCellGroupLayout_cellGroup .public_fixedDataTableCell_main,
.mk-endDel .fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper .fixedDataTableCellGroupLayout_cellGroupWrapper:first-child .fixedDataTableCellGroupLayout_cellGroup .public_fixedDataTableCell_main {
  overflow: visible;
}
.mk-addDel .fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper .fixedDataTableCellGroupLayout_cellGroupWrapper:nth-child(2),
.mk-upDown .fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper .fixedDataTableCellGroupLayout_cellGroupWrapper:nth-child(2),
.mk-endDel .fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper .fixedDataTableCellGroupLayout_cellGroupWrapper:nth-child(2) {
  overflow: hidden;
}
.mk-addDel .fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper .public_fixedDataTable_header,
.mk-upDown .fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper .public_fixedDataTable_header,
.mk-endDel .fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper .public_fixedDataTable_header {
  background-color: #f6f7f8;
}
.mk-addDel .fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper .public_fixedDataTable_footer,
.mk-upDown .fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper .public_fixedDataTable_footer,
.mk-endDel .fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper .public_fixedDataTable_footer {
  background-color: #fff6ea !important;
}
.mk-addDel .fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper .public_fixedDataTable_footer .fixedDataTableCellGroupLayout_cellGroup,
.mk-upDown .fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper .public_fixedDataTable_footer .fixedDataTableCellGroupLayout_cellGroup,
.mk-endDel .fixedDataTableLayout_rowsContainer .fixedDataTableRowLayout_rowWrapper .public_fixedDataTable_footer .fixedDataTableCellGroupLayout_cellGroup {
  background-color: #fff6ea !important;
}
.mk-addDel .fixedDataTableLayout_rowsContainer > div:nth-child(4) .public_fixedDataTableCell_main:first-child,
.mk-upDown .fixedDataTableLayout_rowsContainer > div:nth-child(4) .public_fixedDataTableCell_main:first-child,
.mk-endDel .fixedDataTableLayout_rowsContainer > div:nth-child(4) .public_fixedDataTableCell_main:first-child {
  overflow: visible;
  z-index: 1;
}
.mk-addDel .public_fixedDataTable_horizontalScrollbar,
.mk-upDown .public_fixedDataTable_horizontalScrollbar,
.mk-endDel .public_fixedDataTable_horizontalScrollbar {
  margin-left: -1px;
}
.public_fixedDataTable_bottomShadow {
  background-image: none !important;
  height: 65px;
  margin-left: -25px;
  margin-right: -25px;
  overflow: hidden;
}
.public_fixedDataTable_topShadow {
  background-image: none !important;
}
.mk-ellipsis {
  text-align: center;
}
.mk-ellipsis .fixedDataTableLayout_rowsContainer > div:nth-child(3) {
  border-bottom: 1px solid #e9e9e9;
}
.mk-ellipsis .fixedDataTableLayout_rowsContainer > div:nth-child(3) div.mk-datagrid-cellContent {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-left: 0;
  padding: 0 4px;
  display: block;
}