.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; /* 保证遮罩层位于其他元素之上 */ }