.custom-table {
|
/* 添加适当的样式，以模仿 lightning-datatable 的外观 */
|
border-collapse: collapse;
|
width: 100%;
|
/*20240117 ljh update start*/
|
table-layout: fixed;
|
word-break: break-all;
|
/*20240117 ljh update end*/
|
}
|
|
.custom-table th {
|
white-space: normal; /* Allow text to wrap within the table header */
|
word-wrap: break-word; /* Break words that are too long */
|
}
|
.custom-table td {
|
border: 1px solid #d8dde6;
|
padding: 3px;
|
text-align: left;
|
/* white-space: nowrap; *//*20240117 ljh update*/
|
overflow: hidden;
|
max-width: 200px;
|
text-overflow: ellipsis;
|
}
|
|
.custom-table th {
|
background-color: #f2f6fa;
|
font-weight: bold;
|
}
|
|
.custom-table tr:nth-child(even) {
|
background-color: #f9fafb;
|
}
|
|
.custom-table tr:hover {
|
background-color: #eef4fc;
|
}
|
|
.custom-table .selected-row {
|
/* 添加选中行的样式，如果需要 */
|
background-color: #cde7ff;
|
}
|
|
.checkbox-cell {
|
width: 50px;
|
}
|
|
.selected-row {
|
background-color: #cce5ff;
|
}
|
|
.container {
|
display: flex;
|
flex-direction: column;
|
}
|
|
.input-row {
|
display: flex;
|
flex-direction: row;
|
gap: 16px; /* 调整输入框之间的间距 */
|
}
|
.slds-theme_success {
|
display: flex;
|
background-color: #2E844A!important;
|
padding: 10px;
|
border-radius: 0.25rem;
|
align-items: center;
|
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
|
justify-content: center; /* 水平居中 */
|
position: relative;
|
}
|
.slds-theme_success::before {
|
|
content: "";
|
background-image: url('/apexpages/slds/latest/assets/icons/utility/info.svg');
|
background-size: cover; /* 调整背景图像的大小，以适应容器 */
|
display: inline-block; /* 使伪元素变成内联元素，以出现在文本之前 */
|
width: 20px; /* 调整背景图像的宽度 */
|
height: 20px; /* 调整背景图像的高度 */
|
margin-right: 5px; /* 调整文本和背景图像之间的间距 */
|
}
|
|
/* 添加全屏遮罩层样式 */
|
.overlay {
|
position: fixed;
|
/* top: 0;*/
|
left: 0;
|
width: 100%;
|
height: 100%;
|
background-color: rgba(255, 255, 255, 0.2); /* 可以根据需求调整背景颜色和透明度 */
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
z-index: 9999; /* 保证遮罩层位于其他元素之上 */
|
}
|
