继续table
parent
f7c455535f
commit
f573fa5a61
|
@ -1,8 +1,9 @@
|
|||
<template>
|
||||
<div class="table">
|
||||
<wc-tr class="thead"></wc-tr>
|
||||
<wc-tr thead class="thead"></wc-tr>
|
||||
<wc-scroll class="tbody"><slot /></wc-scroll>
|
||||
<wc-tr class="tfoot"></wc-tr>
|
||||
<div class="line"></div>
|
||||
<wc-tr tfoot class="tfoot"></wc-tr>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
@ -36,6 +37,7 @@
|
|||
border-top: 0;
|
||||
}
|
||||
.tbody {
|
||||
flex: 1;
|
||||
border: 1px solid nth($cp, 3);
|
||||
|
||||
::slotted(wc-tr:last-child) {
|
||||
|
|
|
@ -8,12 +8,12 @@
|
|||
display: flex;
|
||||
align-items: center;
|
||||
min-width: 60px;
|
||||
// min-height: 36px;
|
||||
// height: auto;
|
||||
border-left: 1px solid nth($cp, 3);
|
||||
|
||||
.cell {
|
||||
min-height: 36px;
|
||||
padding: 3px 5px;
|
||||
padding: var(--padding, 5px 8px);
|
||||
word-wrap: break-word;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
|
|
@ -6,17 +6,13 @@
|
|||
:host {
|
||||
display: flex;
|
||||
// min-height: 36px;
|
||||
width: auto;
|
||||
color: inherit;
|
||||
|
||||
.tr {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
// border-top: var(--border, 0);
|
||||
// border-right: var(--border, 0);
|
||||
border-bottom: var(--border-bottom, 1px solid nth($cp, 3));
|
||||
// border-left: var(--border, 0);
|
||||
}
|
||||
}
|
||||
:host(:hover) {
|
||||
|
@ -26,6 +22,13 @@
|
|||
::slotted(wc-td:first-child) {
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
// :host([thead]) {
|
||||
// ::slotted(wc-td) {
|
||||
// min-height: 36px;
|
||||
// --padding: 18px 8px;
|
||||
// }
|
||||
// }
|
||||
</style>
|
||||
|
||||
<script>
|
||||
|
|
Reference in New Issue