dachui/order_site
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(frontend): 表格首列左对齐其余列居中

Browse Source
This commit is contained in:
yml2213
2026-10-24 15:49:51 +08:00
parent 8991263d25
commit 9f2206430f
3 changed files with 33 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/frontend/src/styles/table.css
+20 -1
View File
@@ -1,4 +1,4 @@
/* 全项目表格统一规范：宽度百分比自适应，表头与内容全部居中。 */
/* 全项目表格统一规范：宽度百分比自适应，首列左对齐，其余表头与内容居中。 */
.ant-table-wrapper .ant-table {
width: 100%;
table-layout: fixed;
@@ -9,6 +9,11 @@
text-align: center !important;
}
.ant-table-wrapper .ant-table-thead > tr > th.percent-table-first-column,
.ant-table-wrapper .ant-table-tbody > tr > td.percent-table-first-column {
text-align: left !important;
}
.ant-table-wrapper .ant-table-tbody > tr > td .cell-stack {
width: 100%;
justify-items: center;
@@ -24,3 +29,17 @@
.ant-table-wrapper .ant-table-tbody > tr > td .cell-stack > .ant-space {
justify-content: center;
}
.ant-table-wrapper .ant-table-tbody > tr > td.percent-table-first-column .cell-stack {
justify-items: start;
text-align: left;
}
.ant-table-wrapper .ant-table-tbody > tr > td.percent-table-first-column .cell-stack > * {
justify-self: start;
text-align: left;
}
.ant-table-wrapper .ant-table-tbody > tr > td.percent-table-first-column .cell-stack > .ant-space {
justify-content: flex-start;
}