108 lines
2.7 KiB
CSS
108 lines
2.7 KiB
CSS
/*
|
|
自定义管理后台样式
|
|
*/
|
|
|
|
/* 增加标题列的宽度 */
|
|
.field-title_display {
|
|
width: 350px !important;
|
|
max-width: 350px !important;
|
|
min-width: 350px !important;
|
|
}
|
|
|
|
/* 确保表格可以水平滚动 */
|
|
.results {
|
|
overflow-x: auto !important;
|
|
}
|
|
|
|
/* 为标题单元格设置最小宽度 */
|
|
.results table tbody td.field-title_display,
|
|
.results table thead th.field-title_display {
|
|
min-width: 350px !important;
|
|
width: 350px !important;
|
|
max-width: 350px !important;
|
|
white-space: normal !important;
|
|
word-wrap: break-word !important;
|
|
word-break: break-word !important;
|
|
vertical-align: top !important;
|
|
}
|
|
|
|
/* 为表头设置固定位置 */
|
|
.results table thead {
|
|
position: sticky;
|
|
top: 0;
|
|
}
|
|
|
|
/* 强制表格列宽度 */
|
|
.results table {
|
|
table-layout: fixed !important;
|
|
width: auto !important;
|
|
min-width: 100% !important;
|
|
}
|
|
|
|
/* 特殊处理复选框列(第一列) */
|
|
.change-list .results table tbody td:nth-child(1),
|
|
.change-list .results table thead th:nth-child(1) {
|
|
width: 40px !important;
|
|
min-width: 40px !important;
|
|
max-width: 40px !important;
|
|
}
|
|
|
|
/* 特殊处理标题列(第二列) */
|
|
.change-list .results table tbody td:nth-child(2),
|
|
.change-list .results table thead th:nth-child(2) {
|
|
width: 350px !important;
|
|
min-width: 350px !important;
|
|
max-width: 350px !important;
|
|
}
|
|
|
|
/* 设置其他列的宽度 */
|
|
.change-list .results table tbody td:nth-child(3),
|
|
.change-list .results table thead th:nth-child(3) {
|
|
width: 120px !important;
|
|
min-width: 120px !important;
|
|
}
|
|
|
|
.change-list .results table tbody td:nth-child(4),
|
|
.change-list .results table thead th:nth-child(4) {
|
|
width: 120px !important;
|
|
min-width: 120px !important;
|
|
}
|
|
|
|
.change-list .results table tbody td:nth-child(5),
|
|
.change-list .results table thead th:nth-child(5) {
|
|
width: 150px !important;
|
|
min-width: 150px !important;
|
|
}
|
|
|
|
.change-list .results table tbody td:nth-child(6),
|
|
.change-list .results table thead th:nth-child(6) {
|
|
width: 80px !important;
|
|
min-width: 80px !important;
|
|
}
|
|
|
|
.change-list .results table tbody td:nth-child(7),
|
|
.change-list .results table thead th:nth-child(7) {
|
|
width: 120px !important;
|
|
min-width: 120px !important;
|
|
}
|
|
|
|
.change-list .results table tbody td:nth-child(8),
|
|
.change-list .results table thead th:nth-child(8) {
|
|
width: 100px !important;
|
|
min-width: 100px !important;
|
|
}
|
|
|
|
.change-list .results table tbody td:nth-child(9),
|
|
.change-list .results table thead th:nth-child(9) {
|
|
width: 120px !important;
|
|
min-width: 120px !important;
|
|
}
|
|
|
|
/* 确保单元格内容不会溢出 */
|
|
.results table tbody td,
|
|
.results table thead th {
|
|
white-space: normal !important;
|
|
word-wrap: break-word !important;
|
|
padding: 8px !important;
|
|
vertical-align: top !important;
|
|
} |