acud
Version:
acg react 组件库
1,144 lines (1,141 loc) • 37 kB
CSS
/* color */
/* 默认颜色 */
/* 通用-icon */
/* 标签 */
/* 默认颜色 */
/* 其他颜色 */
/* 通用 */
/* 水平 */
/* 垂直 */
/* 序号水平 */
/* 序号垂直 */
.acud-table.acud-table-large {
font-size: 12px;
}
.acud-table.acud-table-large .acud-table-title,
.acud-table.acud-table-large .acud-table-footer,
.acud-table.acud-table-large .acud-table-tbody > tr > td,
.acud-table.acud-table-large tfoot > tr > th,
.acud-table.acud-table-large tfoot > tr > td {
padding: 20px 12px;
}
.acud-table.acud-table-large .acud-table-tbody .acud-table-wrapper:only-child .acud-table {
margin: -20px -12px -20px 29px;
}
.acud-table.acud-table-small {
font-size: 12px;
}
.acud-table.acud-table-small .acud-table-title,
.acud-table.acud-table-small .acud-table-footer,
.acud-table.acud-table-small .acud-table-tbody > tr > td,
.acud-table.acud-table-small tfoot > tr > th,
.acud-table.acud-table-small tfoot > tr > td {
padding: 6px 12px;
}
.acud-table.acud-table-small .acud-table-tbody .acud-table-wrapper:only-child .acud-table {
margin: -6px -12px -6px 29px;
}
.acud-table-small .acud-table-selection-column {
width: 28px;
min-width: 28px;
}
.acud-table.acud-table-bordered > .acud-table-title {
border: 1px solid #f0f0f0;
border-bottom: 0;
}
.acud-table.acud-table-bordered > .acud-table-container {
border-left: 1px solid #f0f0f0;
}
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-content > table > thead > tr > th,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-header > table > thead > tr > th,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-body > table > thead > tr > th,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-summary > table > thead > tr > th,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-content > table > tbody > tr > td,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-header > table > tbody > tr > td,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-body > table > tbody > tr > td,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-summary > table > tbody > tr > td,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-content > table > tfoot > tr > th,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-header > table > tfoot > tr > th,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-body > table > tfoot > tr > th,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-summary > table > tfoot > tr > th,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-content > table > tfoot > tr > td,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-header > table > tfoot > tr > td,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-body > table > tfoot > tr > td,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-summary > table > tfoot > tr > td {
border-right: 1px solid #f0f0f0;
}
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-content > table > thead > tr:not(:last-child) > th,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-header > table > thead > tr:not(:last-child) > th,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-body > table > thead > tr:not(:last-child) > th,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-summary > table > thead > tr:not(:last-child) > th {
border-bottom: 1px solid #f0f0f0;
}
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-content > table > thead > tr > th::before,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-header > table > thead > tr > th::before,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-body > table > thead > tr > th::before,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-summary > table > thead > tr > th::before {
background-color: transparent ;
}
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-content > table > thead > tr > .acud-table-cell-fix-right-first::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-header > table > thead > tr > .acud-table-cell-fix-right-first::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-body > table > thead > tr > .acud-table-cell-fix-right-first::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-summary > table > thead > tr > .acud-table-cell-fix-right-first::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-content > table > tbody > tr > .acud-table-cell-fix-right-first::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-header > table > tbody > tr > .acud-table-cell-fix-right-first::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-body > table > tbody > tr > .acud-table-cell-fix-right-first::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-summary > table > tbody > tr > .acud-table-cell-fix-right-first::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-content > table > tfoot > tr > .acud-table-cell-fix-right-first::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-header > table > tfoot > tr > .acud-table-cell-fix-right-first::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-body > table > tfoot > tr > .acud-table-cell-fix-right-first::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-summary > table > tfoot > tr > .acud-table-cell-fix-right-first::after {
border-right: 1px solid #f0f0f0;
}
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-content > table > tbody > tr > td > .acud-table-expanded-row-fixed,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-header > table > tbody > tr > td > .acud-table-expanded-row-fixed,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-body > table > tbody > tr > td > .acud-table-expanded-row-fixed,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-summary > table > tbody > tr > td > .acud-table-expanded-row-fixed {
margin: -10px -13px;
}
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-content > table > tbody > tr > td > .acud-table-expanded-row-fixed::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-header > table > tbody > tr > td > .acud-table-expanded-row-fixed::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-body > table > tbody > tr > td > .acud-table-expanded-row-fixed::after,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-summary > table > tbody > tr > td > .acud-table-expanded-row-fixed::after {
position: absolute;
top: 0;
right: 1px;
bottom: 0;
border-right: 1px solid #f0f0f0;
content: '';
}
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-content > table,
.acud-table.acud-table-bordered > .acud-table-container > .acud-table-header > table {
border-top: 1px solid #f0f0f0;
}
.acud-table.acud-table-bordered.acud-table-scroll-horizontal > .acud-table-container > .acud-table-body > table > tbody > tr.acud-table-expanded-row > td,
.acud-table.acud-table-bordered.acud-table-scroll-horizontal > .acud-table-container > .acud-table-body > table > tbody > tr.acud-table-placeholder > td {
border-right: 0;
}
.acud-table.acud-table-bordered.acud-table-large > .acud-table-container > .acud-table-content > table > tbody > tr > td > .acud-table-expanded-row-fixed,
.acud-table.acud-table-bordered.acud-table-large > .acud-table-container > .acud-table-body > table > tbody > tr > td > .acud-table-expanded-row-fixed {
margin: -20px -13px;
}
.acud-table.acud-table-bordered.acud-table-small > .acud-table-container > .acud-table-content > table > tbody > tr > td > .acud-table-expanded-row-fixed,
.acud-table.acud-table-bordered.acud-table-small > .acud-table-container > .acud-table-body > table > tbody > tr > td > .acud-table-expanded-row-fixed {
margin: -6px -13px;
}
.acud-table.acud-table-bordered > .acud-table-footer {
border: 1px solid #f0f0f0;
border-top: 0;
}
.acud-table-cell .acud-table-container:first-child {
border-top: 0;
}
.acud-table-cell-scrollbar {
box-shadow: 0 1px 0 1px #fafafa;
}
.acud-table-wrapper {
clear: both;
max-width: 100%;
}
.acud-table {
margin: 0;
padding: 0;
position: relative;
font-size: 12px;
background: #FFFFFF;
border-radius: 0px;
}
.acud-table table {
width: 100%;
text-align: left;
border-radius: 0px 0px 0 0;
border-collapse: separate;
border-spacing: 0;
}
.acud-table-thead > tr > th,
.acud-table-tbody > tr > td,
.acud-table tfoot > tr > th,
.acud-table tfoot > tr > td {
position: relative;
padding: 10px 12px;
overflow-wrap: break-word;
}
.acud-table-cell-ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
word-break: keep-all;
}
.acud-table-cell-ellipsis.acud-table-cell-fix-left-last,
.acud-table-cell-ellipsis.acud-table-cell-fix-right-first {
overflow: visible;
}
.acud-table-cell-ellipsis.acud-table-cell-fix-left-last .acud-table-cell-content,
.acud-table-cell-ellipsis.acud-table-cell-fix-right-first .acud-table-cell-content {
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
.acud-table-cell-ellipsis .acud-table-column-title {
overflow: hidden;
text-overflow: ellipsis;
word-break: keep-all;
}
.acud-table-title {
padding: 10px 12px;
}
.acud-table-footer {
padding: 10px 12px;
color: rgba(0, 0, 0, 0.85);
background: #fafafa;
}
.acud-table-thead > tr > th {
position: relative;
color: rgba(0, 0, 0, 0.85);
font-weight: 500;
text-align: left;
background: #fafafa;
transition: background 0.3s ease;
}
.acud-table-thead > tr > th[colspan]:not([colspan='1']) {
text-align: center;
}
.acud-table-thead > tr > th:not(:last-child):not(.acud-table-selection-column):not(.acud-table-row-expand-icon-cell):not([colspan])::before {
position: absolute;
top: 50%;
right: 0;
width: 0;
height: 1.6em;
background-color: #fff;
transform: translateY(-50%);
transition: background-color 0.3s;
content: '';
}
.acud-table-thead > tr:not(:last-child) > th[colspan] {
border-bottom: 0;
}
.acud-table-tbody > tr > td {
border-bottom: 1px solid #f0f0f0;
transition: background 0.3s;
border-right: 1px solid transparent;
}
.acud-table-tbody > tr > td > .acud-table-wrapper:only-child .acud-table,
.acud-table-tbody > tr > td > .acud-table-expanded-row-fixed > .acud-table-wrapper:only-child .acud-table {
margin: 14px 28px;
min-height: unset;
}
.acud-table-tbody > tr > td > .acud-table-wrapper:only-child .acud-table-thead tr th,
.acud-table-tbody > tr > td > .acud-table-expanded-row-fixed > .acud-table-wrapper:only-child .acud-table-thead tr th {
background-color: #edeef0;
}
.acud-table-tbody > tr > td > .acud-table-wrapper:only-child .acud-table-tbody > tr:last-child > td,
.acud-table-tbody > tr > td > .acud-table-expanded-row-fixed > .acud-table-wrapper:only-child .acud-table-tbody > tr:last-child > td {
border-bottom: 0;
}
.acud-table-tbody > tr > td > .acud-table-wrapper:only-child .acud-table-tbody > tr:last-child > td:first-child,
.acud-table-tbody > tr > td > .acud-table-expanded-row-fixed > .acud-table-wrapper:only-child .acud-table-tbody > tr:last-child > td:first-child,
.acud-table-tbody > tr > td > .acud-table-wrapper:only-child .acud-table-tbody > tr:last-child > td:last-child,
.acud-table-tbody > tr > td > .acud-table-expanded-row-fixed > .acud-table-wrapper:only-child .acud-table-tbody > tr:last-child > td:last-child {
border-radius: 0;
}
.acud-table-tbody > tr.acud-table-row:hover > td,
.acud-table-tbody > tr > td.acud-table-cell-row-hover {
background-color: #E6F0FF;
}
.acud-table-tbody > tr.acud-table-row-selected > td {
background: #E6F0FF;
}
.acud-table-tbody > tr.acud-table-row-selected:hover > td {
background: #D4E5FF;
}
.acud-table-summary {
position: relative;
z-index: 2;
}
.acud-table-summary td {
background-color: #fafafa;
}
div.acud-table-summary {
box-shadow: 0 -1px 0 #f0f0f0;
}
.acud-table-summary > tr > th,
.acud-table-summary > tr > td {
border-bottom: 1px solid #f0f0f0;
}
.acud-table-pagination.acud-pagination {
margin: 16px 0;
}
.acud-table-pagination {
display: flex;
flex-wrap: wrap;
row-gap: 12px;
}
.acud-table-pagination > * {
flex: none;
}
.acud-table-pagination-left {
justify-content: flex-start;
}
.acud-table-pagination-center {
justify-content: center;
}
.acud-table-pagination-right {
justify-content: flex-end;
}
.acud-table-thead th.acud-table-column-has-sorters:hover::before {
background-color: transparent ;
}
.acud-table-thead th.acud-table-column-has-sorters.acud-table-cell-fix-left:hover,
.acud-table-thead th.acud-table-column-has-sorters.acud-table-cell-fix-right:hover {
background: #f5f5f5;
}
.acud-table-thead th.acud-table-column-sort::before {
background-color: transparent ;
}
.acud-table-column-title {
position: relative;
z-index: 1;
}
.acud-table-column-sorters {
display: flex;
flex: auto;
align-items: center;
justify-content: flex-start;
}
.acud-table-column-sorter {
margin-left: 4px;
color: #84868C;
font-size: 0;
transition: color 0.3s;
}
.acud-table-column-sorter-inner {
display: inline-flex;
flex-direction: column;
align-items: center;
}
.acud-table-column-sorter-default.active,
.acud-table-column-sorter-up.active,
.acud-table-column-sorter-down.active {
display: inherit;
color: #2468F2;
}
.acud-table-column-sorter:hover .acud-table-column-sorter-up.active,
.acud-table-column-sorter:hover .acud-table-column-sorter-down.active {
color: #528EFF;
}
.acud-table-column-sorter:active .acud-table-column-sorter-up.active,
.acud-table-column-sorter:active .acud-table-column-sorter-down.active {
color: #144BCC;
}
.acud-table-column-sorter-default:hover .acud-table-column-sorter-up,
.acud-table-column-sorter-default:hover .acud-table-column-sorter-down {
color: #528EFF;
}
.acud-table-column-sorter-default:active .acud-table-column-sorter-up,
.acud-table-column-sorter-default:active .acud-table-column-sorter-down {
color: #144BCC;
}
.acud-table-filter-column {
display: flex;
justify-content: flex-start;
align-items: center;
}
.acud-table-filter-column .acud-dropdown-trigger {
display: flex;
}
.acud-table-filter-column .acud-dropdown-trigger .acudicon-outlined-funnel {
display: flex;
height: 16px;
}
.acud-table-filter-trigger {
position: relative;
display: flex;
align-items: center;
margin-left: 4px;
padding: 0 4px;
color: #bfbfbf;
font-size: 16px;
border-radius: 0px;
cursor: pointer;
transition: all 0.3s;
}
.acud-table-filter-trigger.active {
color: #D4E5FF;
}
.acud-table-filter-dropdown {
margin: 0;
padding: 0;
min-width: 120px;
background-color: #FFFFFF;
border-radius: 0px;
box-shadow: 0px 4px 12px 1px rgba(7, 12, 20, 0.12);
}
.acud-table-filter-dropdown .acud-dropdown-menu-item-multiple .acud-checkbox + span {
white-space: nowrap;
}
.acud-table-filter-dropdown .acud-dropdown-menu {
max-height: 264px;
overflow-x: hidden;
border: 0;
box-shadow: none;
}
.acud-table-filter-dropdown .acud-dropdown-menu:empty::after {
display: block;
padding: 8px 0;
color: #B8BABF;
font-size: 12px;
text-align: center;
content: 'Not Found';
}
.acud-table-filter-dropdown-tree {
padding: 8px 12px;
max-height: 216px;
overflow-y: auto;
}
.acud-table-filter-dropdown-search {
padding: 8px 12px;
}
.acud-table-filter-dropdown-search-input input {
min-width: 140px;
}
.acud-table-filter-dropdown-search-input .acudicon {
color: #B8BABF;
}
.acud-table-filter-dropdown-search-highlight {
color: #2468F2;
}
.acud-table-filter-dropdown-checkall {
width: 100%;
margin-bottom: 4px;
}
.acud-table-filter-dropdown-submenu > ul {
max-height: calc(100vh - 130px);
overflow-x: hidden;
overflow-y: auto;
}
.acud-table-filter-dropdown .acud-checkbox-wrapper + span,
.acud-table-filter-dropdown-submenu .acud-checkbox-wrapper + span {
padding-left: 8px;
}
.acud-table-filter-dropdown-btns {
display: flex;
justify-content: flex-end;
padding: 8px 12px;
overflow: hidden;
background-color: inherit;
border-top: 1px solid #f0f0f0;
}
.acud-table-filter-dropdown-btns-reset {
margin-left: 8px;
}
.acud-table-selection-col {
width: 28px;
}
.acud-table-bordered .acud-table-selection-col {
width: 46px;
}
table tr th.acud-table-selection-column,
table tr td.acud-table-selection-column {
padding-right: 0;
}
table tr th.acud-table-selection-column .acud-radio-wrapper,
table tr td.acud-table-selection-column .acud-radio-wrapper,
table tr th.acud-table-selection-column .acud-radio,
table tr td.acud-table-selection-column .acud-radio {
margin-right: 0;
}
table tr th.acud-table-selection-column .acud-radio-wrapper-outline,
table tr td.acud-table-selection-column .acud-radio-wrapper-outline,
table tr th.acud-table-selection-column .acud-radio-outline,
table tr td.acud-table-selection-column .acud-radio-outline {
margin-right: 0;
}
table tr th.acud-table-selection-column.acud-table-cell-fix-left {
z-index: 3;
}
table tr th.acud-table-selection-column::after {
background-color: transparent ;
}
.acud-table-selection {
position: relative;
display: flex;
flex-direction: row;
}
.acud-table-selection-extra {
cursor: pointer;
transition: all 0.3s;
margin-inline-start: 100%;
padding-inline-start: 4px;
margin-left: 0;
display: flex;
align-items: center;
}
.acud-table-selection-extra .acud-dropdown-trigger {
display: flex;
height: 16px;
}
.acud-table-selection-extra .acudicon {
color: #84868C;
font-size: 16px;
display: flex;
}
.acud-table-selection-extra .acudicon:hover {
color: #84868C;
}
.acud-table-expand-icon-col {
width: 28px;
}
.acud-table-row-expand-icon-cell {
text-align: center;
}
.acud-table-row-indent {
float: left;
height: 1px;
}
.acud-table-row-expand-icon {
color: #84868C;
cursor: pointer;
font-size: 16px;
line-height: 0;
float: left;
margin: auto;
}
.acud-table-row-expand-icon:hover {
color: #84868C;
}
.acud-table-row-expand-icon:focus,
.acud-table-row-expand-icon:active {
color: #84868C;
}
.acud-table-row-expand-icon[disabled],
.acud-table-row-expand-icon[aria-disabled="true"],
.acud-table-row-expand-icon[disabled]:hover,
.acud-table-row-expand-icon[aria-disabled="true"]:hover,
.acud-table-row-expand-icon[disabled]:focus,
.acud-table-row-expand-icon[aria-disabled="true"]:focus,
.acud-table-row-expand-icon[disabled]:active,
.acud-table-row-expand-icon[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-table-row-expand-icon-spaced {
cursor: not-allowed;
}
.acud-table-row-indent + .acud-table-row-expand-icon {
margin-top: 1.5002px;
margin-right: 12px;
}
tr.acud-table-expanded-row > td,
tr.acud-table-expanded-row:hover > td {
background: #F7F7F9;
}
tr.acud-table-expanded-row .acud-descriptions-view {
display: flex;
}
tr.acud-table-expanded-row .acud-descriptions-view table {
flex: auto;
width: auto;
}
.acud-table .acud-table-expanded-row-fixed {
position: relative;
margin: -10px -12px;
padding: 10px 12px;
}
.acud-table-tbody > tr.acud-table-placeholder {
text-align: center;
}
.acud-table-empty .acud-table-tbody > tr.acud-table-placeholder {
color: #B8BABF;
}
.acud-table-tbody > tr.acud-table-placeholder:hover > td {
background: #FFFFFF;
}
.acud-table-cell-fix-left,
.acud-table-cell-fix-right {
position: sticky ;
z-index: 2;
background: #FFFFFF;
}
.acud-table-cell-fix-left-first::after,
.acud-table-cell-fix-left-last::after {
position: absolute;
top: 0;
right: 0;
bottom: -1px;
width: 30px;
transform: translateX(100%);
transition: box-shadow 0.3s;
content: '';
pointer-events: none;
}
.acud-table-cell-fix-right-first::after,
.acud-table-cell-fix-right-last::after {
position: absolute;
top: 0;
bottom: -1px;
left: 0;
width: 30px;
transform: translateX(-100%);
transition: box-shadow 0.3s;
content: '';
pointer-events: none;
}
.acud-table .acud-table-container::before,
.acud-table .acud-table-container::after {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
width: 30px;
transition: box-shadow 0.3s;
content: '';
pointer-events: none;
}
.acud-table .acud-table-container::before {
left: 0;
}
.acud-table .acud-table-container::after {
right: 0;
}
.acud-table-ping-left:not(.acud-table-has-fix-left) .acud-table-container {
position: relative;
}
.acud-table-ping-left:not(.acud-table-has-fix-left) .acud-table-container::before {
box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.acud-table-ping-left .acud-table-cell-fix-left-first::after,
.acud-table-ping-left .acud-table-cell-fix-left-last::after {
box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.acud-table-ping-left .acud-table-cell-fix-left-last::before {
background-color: transparent ;
}
.acud-table-ping-right:not(.acud-table-has-fix-right) .acud-table-container {
position: relative;
}
.acud-table-ping-right:not(.acud-table-has-fix-right) .acud-table-container::after {
box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.acud-table-ping-right .acud-table-cell-fix-right-first::after,
.acud-table-ping-right .acud-table-cell-fix-right-last::after {
box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}
.acud-table-sticky-holder {
position: sticky;
z-index: calc(2 + 1);
background: #FFFFFF;
}
.acud-table-sticky-scroll {
position: sticky;
bottom: 0;
z-index: calc(2 + 1);
display: flex;
align-items: center;
background: #ffffff;
border-top: 1px solid #f0f0f0;
opacity: 0.6;
}
.acud-table-sticky-scroll:hover {
transform-origin: center bottom;
}
.acud-table-sticky-scroll-bar {
height: 8px;
background-color: rgba(0, 0, 0, 0.35);
border-radius: 4px;
}
.acud-table-sticky-scroll-bar:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.acud-table-sticky-scroll-bar-active {
background-color: rgba(0, 0, 0, 0.8);
}
.acud-table-filter-dropdown-empty {
margin: 8px 0;
}
@media all and (-ms-high-contrast: none) {
.acud-table-ping-left .acud-table-cell-fix-left-last::after {
box-shadow: none ;
}
.acud-table-ping-right .acud-table-cell-fix-right-first::after {
box-shadow: none ;
}
}
.acud-table {
/* title + table */
/* table */
/* table + footer */
}
.acud-table-title {
border-radius: 0px 0px 0 0;
}
.acud-table-title + .acud-table-container {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.acud-table-title + .acud-table-container table > thead > tr:first-child th:first-child {
border-radius: 0;
}
.acud-table-title + .acud-table-container table > thead > tr:first-child th:last-child {
border-radius: 0;
}
.acud-table-container {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.acud-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 4px;
}
.acud-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 4px;
}
.acud-table-footer {
border-radius: 0 0 0px 0px;
}
.acud-table-wrapper-rtl {
direction: rtl;
}
.acud-table-rtl {
direction: rtl;
}
.acud-table-wrapper-rtl .acud-table table {
text-align: right;
}
.acud-table-wrapper-rtl .acud-table-thead > tr > th[colspan]:not([colspan='1']) {
text-align: center;
}
.acud-table-wrapper-rtl .acud-table-thead > tr > th:not(:last-child):not(.acud-table-selection-column):not(.acud-table-row-expand-icon-cell):not([colspan])::before {
right: auto;
left: 0;
}
.acud-table-wrapper-rtl .acud-table-thead > tr > th {
text-align: right;
}
.acud-table-tbody > tr .acud-table-wrapper:only-child .acud-table.acud-table-rtl {
margin: -10px 29px -10px -12px;
}
.acud-table-wrapper.acud-table-wrapper-rtl .acud-table-pagination-left {
justify-content: flex-end;
}
.acud-table-wrapper.acud-table-wrapper-rtl .acud-table-pagination-right {
justify-content: flex-start;
}
.acud-table-wrapper-rtl .acud-table-column-sorter {
margin-right: 4px;
margin-left: 0;
}
.acud-table-wrapper-rtl .acud-table-filter-column-title {
padding: 10px 12px 10px 2.3em;
}
.acud-table-rtl .acud-table-thead tr th.acud-table-column-has-sorters .acud-table-filter-column-title {
padding: 0 0 0 2.3em;
}
.acud-table-wrapper-rtl .acud-table-filter-trigger {
margin: -4px 4px -4px -6px;
}
.acud-dropdown-rtl .acud-table-filter-dropdown .acud-checkbox-wrapper + span,
.acud-dropdown-rtl .acud-table-filter-dropdown-submenu .acud-checkbox-wrapper + span,
.acud-dropdown-menu-submenu-rtl.acud-table-filter-dropdown .acud-checkbox-wrapper + span,
.acud-dropdown-menu-submenu-rtl.acud-table-filter-dropdown-submenu .acud-checkbox-wrapper + span {
padding-right: 8px;
padding-left: 0;
}
.acud-table-wrapper-rtl .acud-table-selection {
text-align: center;
}
.acud-table-wrapper-rtl .acud-table-row-indent {
float: right;
}
.acud-table-wrapper-rtl .acud-table-row-expand-icon {
float: right;
}
.acud-table-wrapper-rtl .acud-table-row-indent + .acud-table-row-expand-icon {
margin-right: 0;
margin-left: 12px;
}
.acud-table-wrapper-rtl .acud-table-row-expand-icon::after {
transform: rotate(-90deg);
}
.acud-table-wrapper-rtl .acud-table-row-expand-icon-collapsed::before {
transform: rotate(180deg);
}
.acud-table-wrapper-rtl .acud-table-row-expand-icon-collapsed::after {
transform: rotate(0deg);
}
.acud-table {
position: relative;
box-sizing: border-box;
line-height: 1.6667;
list-style: none;
overflow: hidden;
border-radius: 2px;
background-color: #FFFFFF;
}
.acud-table-cell a {
color: #2468F2;
cursor: pointer;
}
.acud-table-cell a:hover {
color: #528EFF;
}
.acud-table-cell a:focus,
.acud-table-cell a:active {
color: #144BCC;
}
.acud-table-cell a[disabled],
.acud-table-cell a[aria-disabled="true"],
.acud-table-cell a[disabled]:hover,
.acud-table-cell a[aria-disabled="true"]:hover,
.acud-table-cell a[disabled]:focus,
.acud-table-cell a[aria-disabled="true"]:focus,
.acud-table-cell a[disabled]:active,
.acud-table-cell a[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-table-cell a[disabled] {
cursor: not-allowed;
}
.acud-table-cell-with-append-inner {
display: flex;
justify-content: left;
}
.acud-table-cell-with-append .acud-table-row-expand-icon {
margin: 2px 12px 2px 0;
}
.acud-table-cell.acud-table-row-expand-icon-cell {
width: 16px;
padding-right: 0;
}
.acud-table-filter-trigger {
color: #84868C;
}
.acud-table-filter-trigger:hover {
color: #2468F2;
}
.acud-table-filter-trigger:focus,
.acud-table-filter-trigger:active {
color: #144BCC;
}
.acud-table-filter-trigger[disabled],
.acud-table-filter-trigger[aria-disabled="true"],
.acud-table-filter-trigger[disabled]:hover,
.acud-table-filter-trigger[aria-disabled="true"]:hover,
.acud-table-filter-trigger[disabled]:focus,
.acud-table-filter-trigger[aria-disabled="true"]:focus,
.acud-table-filter-trigger[disabled]:active,
.acud-table-filter-trigger[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-table-filter-trigger-active {
color: #2468F2;
}
.acud-table-filter-trigger-active:hover {
color: #528EFF;
}
.acud-table-filter-trigger-active:focus,
.acud-table-filter-trigger-active:active {
color: #144BCC;
}
.acud-table-filter-trigger-active[disabled],
.acud-table-filter-trigger-active[aria-disabled="true"],
.acud-table-filter-trigger-active[disabled]:hover,
.acud-table-filter-trigger-active[aria-disabled="true"]:hover,
.acud-table-filter-trigger-active[disabled]:focus,
.acud-table-filter-trigger-active[aria-disabled="true"]:focus,
.acud-table-filter-trigger-active[disabled]:active,
.acud-table-filter-trigger-active[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-table table {
width: 100%;
text-align: left;
border-collapse: separate;
border-spacing: 0;
font-size: 12px;
}
.acud-table-thead > tr > th,
.acud-table-tbody > tr > td,
.acud-table tfoot > tr > th,
.acud-table tfoot > tr > td {
position: relative;
padding: 10px 12px;
overflow-wrap: break-word;
}
.acud-table-small .acud-table-tbody > tr > td,
.acud-table-small .acud-table tfoot > tr > th,
.acud-table-small .acud-table tfoot > tr > td {
padding: 5px 5px;
}
.acud-table-large .acud-table-tbody > tr > td,
.acud-table-large .acud-table tfoot > tr > th,
.acud-table-large .acud-table tfoot > tr > td {
padding: 19px 19px;
}
.acud-table-thead > tr > th {
position: relative;
color: #5C5F66;
background: #F7F7F9;
text-align: left;
font-weight: 400;
}
.acud-table-thead > tr > th:not(:last-child) {
border-right: 1px solid #FFFFFF;
}
.acud-table-thead > tr > th.acud-table-selection-column,
.acud-table-thead > tr > th.acud-table-row-expand-icon-cell {
border-right: none;
}
.acud-table-thead > tr:not(:first-child) > th {
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}
.acud-table-tbody > tr {
transition: background 0.3s ease;
color: #151B26;
background-color: #FFFFFF;
border-color: #E8E9EB;
}
.acud-table-tbody > tr:hover {
color: #151B26;
}
.acud-table-tbody > tr:focus,
.acud-table-tbody > tr:active {
color: #151B26;
}
.acud-table-tbody > tr[disabled],
.acud-table-tbody > tr[aria-disabled="true"],
.acud-table-tbody > tr[disabled]:hover,
.acud-table-tbody > tr[aria-disabled="true"]:hover,
.acud-table-tbody > tr[disabled]:focus,
.acud-table-tbody > tr[aria-disabled="true"]:focus,
.acud-table-tbody > tr[disabled]:active,
.acud-table-tbody > tr[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-table-tbody > tr:hover {
background-color: #E6F0FF;
}
.acud-table-tbody > tr:focus,
.acud-table-tbody > tr:active {
background-color: #FFFFFF;
}
.acud-table-tbody > tr[disabled],
.acud-table-tbody > tr[aria-disabled="true"],
.acud-table-tbody > tr[disabled]:hover,
.acud-table-tbody > tr[aria-disabled="true"]:hover,
.acud-table-tbody > tr[disabled]:focus,
.acud-table-tbody > tr[aria-disabled="true"]:focus,
.acud-table-tbody > tr[disabled]:active,
.acud-table-tbody > tr[aria-disabled="true"]:active {
background-color: #F7F7F9;
}
.acud-table-tbody > tr:hover {
border-color: #E8E9EB;
}
.acud-table-tbody > tr:focus,
.acud-table-tbody > tr:active {
border-color: #E8E9EB;
}
.acud-table-tbody > tr[disabled],
.acud-table-tbody > tr[aria-disabled="true"],
.acud-table-tbody > tr[disabled]:hover,
.acud-table-tbody > tr[aria-disabled="true"]:hover,
.acud-table-tbody > tr[disabled]:focus,
.acud-table-tbody > tr[aria-disabled="true"]:focus,
.acud-table-tbody > tr[disabled]:active,
.acud-table-tbody > tr[aria-disabled="true"]:active {
border-color: #E8E9EB;
}
.acud-table-tbody > tr > td {
color: #151B26;
border-bottom: 1px solid #E8E9EB;
}
.acud-table-tbody > tr.acud-table-placeholder > td {
border-bottom: none;
}
.acud-table-bordered .acud-table-container {
border-left: 1px solid #f0f0f0;
}
.acud-table-bordered table > thead > tr > th,
.acud-table-bordered table > tbody > tr > td,
.acud-table-bordered table > tfoot > tr > td,
.acud-table-bordered table > tfoot > tr > th {
border-right: 1px solid #f0f0f0;
}
.acud-table-bordered table {
border-top: 1px solid #f0f0f0;
}
.acud-table .acud-table-column-sorter {
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
margin-left: 8px;
position: relative;
cursor: pointer;
/*
.@{table-prefix-cls}-column-sorter-up {
.basic-tp-config(@table-icon-active-tp);
}
.@{table-prefix-cls}-column-sorter-down {
.basic-tp-config(@table-icon-active-tp);
}
*/
}
.acud-table .acud-table-column-sorter .acud-table-column-sorter-default {
color: #84868C;
}
.acud-table .acud-table-column-sorter .acud-table-column-sorter-default:hover {
color: #2468F2;
}
.acud-table .acud-table-column-sorter .acud-table-column-sorter-default:focus,
.acud-table .acud-table-column-sorter .acud-table-column-sorter-default:active {
color: #144BCC;
}
.acud-table .acud-table-column-sorter .acud-table-column-sorter-default[disabled],
.acud-table .acud-table-column-sorter .acud-table-column-sorter-default[aria-disabled="true"],
.acud-table .acud-table-column-sorter .acud-table-column-sorter-default[disabled]:hover,
.acud-table .acud-table-column-sorter .acud-table-column-sorter-default[aria-disabled="true"]:hover,
.acud-table .acud-table-column-sorter .acud-table-column-sorter-default[disabled]:focus,
.acud-table .acud-table-column-sorter .acud-table-column-sorter-default[aria-disabled="true"]:focus,
.acud-table .acud-table-column-sorter .acud-table-column-sorter-default[disabled]:active,
.acud-table .acud-table-column-sorter .acud-table-column-sorter-default[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-table .acud-table-column-filter {
margin-left: 8px;
font-size: 0;
cursor: pointer;
}
.acud-table-dropdown-checkbox {
font-size: 0;
margin-right: 5px;
}
.acud-table-collapse-column {
text-align: center;
}
.acud-table-collapse-button {
border: none;
outline: none;
cursor: pointer;
background-color: transparent;
transition: all 0.3s ease;
}
.acud-table-collapse-button.acud-table-collapse-expand {
transform: rotate(180deg);
}
.acud-table-expand-row > td {
padding: 0 ;
}
.acud-table-empty-placement {
padding: 10px;
min-height: 120px;
text-align: center;
}
.acud-table-filter-dropdown {
box-sizing: border-box;
font-size: 12px;
line-height: 1.5;
list-style: none;
border-radius: 2px;
z-index: 1050;
box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
}
.acud-table-filter-dropdown-box {
min-width: 120px;
padding: 4px 0;
}
.acud-table-filter-dropdown-box .acud-dropdown-menu-item-multiple {
padding: 0;
}
.acud-table-filter-dropdown-box .acud-checkbox-wrapper {
display: flex;
padding-left: 12px;
padding-right: 12px;
}
.acud-table-filter-dropdown-box .acud-table-filter-dropdown-tree .acud-checkbox-wrapper {
padding-left: 0;
}
.acud-table-filter-dropdown-menu {
max-height: 264px;
overflow-x: hidden;
border: 0;
box-shadow: none;
position: relative;
margin: 0;
padding: 4px 0;
text-align: left;
list-style-type: none;
border-radius: 2px;
outline: none;
}
.acud-table-filter-dropdown-menu-item {
clear: both;
margin: 0;
padding: 5px 12px;
white-space: nowrap;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: flex;
align-items: center;
list-style: none;
color: #151B26;
background-color: #FFFFFF;
border-color: transparent;
}
.acud-table-filter-dropdown-menu-item:hover {
color: #151B26;
}
.acud-table-filter-dropdown-menu-item:focus,
.acud-table-filter-dropdown-menu-item:active {
color: #2468F2;
}
.acud-table-filter-dropdown-menu-item[disabled],
.acud-table-filter-dropdown-menu-item[aria-disabled="true"],
.acud-table-filter-dropdown-menu-item[disabled]:hover,
.acud-table-filter-dropdown-menu-item[aria-disabled="true"]:hover,
.acud-table-filter-dropdown-menu-item[disabled]:focus,
.acud-table-filter-dropdown-menu-item[aria-disabled="true"]:focus,
.acud-table-filter-dropdown-menu-item[disabled]:active,
.acud-table-filter-dropdown-menu-item[aria-disabled="true"]:active {
color: #B8BABF;
}
.acud-table-filter-dropdown-menu-item:hover {
background-color: #E6F0FF;
}
.acud-table-filter-dropdown-menu-item:focus,
.acud-table-filter-dropdown-menu-item:active {
background-color: #FFFFFF;
}
.acud-table-filter-dropdown-menu-item[disabled],
.acud-table-filter-dropdown-menu-item[aria-disabled="true"],
.acud-table-filter-dropdown-menu-item[disabled]:hover,
.acud-table-filter-dropdown-menu-item[aria-disabled="true"]:hover,
.acud-table-filter-dropdown-menu-item[disabled]:focus,
.acud-table-filter-dropdown-menu-item[aria-disabled="true"]:focus,
.acud-table-filter-dropdown-menu-item[disabled]:active,
.acud-table-filter-dropdown-menu-item[aria-disabled="true"]:active {
background-color: #FFFFFF;
}
.acud-table-filter-dropdown-menu-item:hover {
border-color: transparent;
}
.acud-table-filter-dropdown-menu-item:focus,
.acud-table-filter-dropdown-menu-item:active {
border-color: transparent;
}
.acud-table-filter-dropdown-menu-item[disabled],
.acud-table-filter-dropdown-menu-item[aria-disabled="true"],
.acud-table-filter-dropdown-menu-item[disabled]:hover,
.acud-table-filter-dropdown-menu-item[aria-disabled="true"]:hover,
.acud-table-filter-dropdown-menu-item[disabled]:focus,
.acud-table-filter-dropdown-menu-item[aria-disabled="true"]:focus,
.acud-table-filter-dropdown-menu-item[disabled]:active,
.acud-table-filter-dropdown-menu-item[aria-disabled="true"]:active {
border-color: transparent;
}
.acud-table-filter-dropdown-menu-item-checked.acud-dropdown-menu-item {
color: #2468F2;
}
.acud-table-space {
display: inline-flex;
}