grid css 수정

This commit is contained in:
김창수 2025-01-14 09:22:11 +09:00
parent 9bcdb7346a
commit f775354e43
2 changed files with 11 additions and 10 deletions

View File

@ -15,15 +15,15 @@ export default function ProductInfoTable(){
{ planNumber: "5", orderStatus: "X", module: "Q.TROM M-G2.4+430", systemCapacity: "5.16kW", roofMaterial: "瓦53A, 瓦53B", constructionMethod: "強化施工", mountingStructure: "ジャイロスレー..", powerConditioner: "SE5500H AC-S-25, P401-5RM4MRM, SE-CTML-0350-070, SE-MTR240-1" },
],
gridColumns:[
{ headerName: "プラン番号 ", field: "planNumber", width: 100, cellStyle: {justifyContent: "center"} },
{ headerName: "発注可 ", field: "orderStatus", width: 80, cellStyle: {justifyContent: "center"} },
{ headerName: "モジュール ", field: "module", flex: 1, cellStyle: {justifyContent: "flex-start"/* 좌측정렬*/ }},
{ headerName: "システム容量 ", field: "systemCapacity", width: 120, cellStyle: { justifyContent: "flex-end"/* 우측정렬*/ } },
{ headerName: "屋根材 ", field: "roofMaterial", width: 140, wrapText: true, autoHeight: true,cellStyle: { justifyContent: "flex-start"/* 좌측정렬*/} },
{ headerName: "施工方法 ", field: "constructionMethod",cellStyle: {justifyContent: "flex-start"/* 좌측정렬*/ } },
{ headerName: "架台 ", field: "mountingStructure",cellStyle: { justifyContent: "flex-start"/* 좌측정렬*/ } },
{ headerName: "パワーコンディショナー ", field: "powerConditioner", flex: 1, wrapText: true, autoHeight: true, cellStyle: {justifyContent: "flex-start"/* 좌측정렬*/}},
{ headerName: "管理 ", field: "management", width: 200, autoHeight: true, cellStyle: { justifyContent: "center" }, cellRenderer: (params) => {
{ headerName: "プラン番号 ", field: "planNumber", width: 100, cellStyle: {alignItems: "center"} },
{ headerName: "発注可 ", field: "orderStatus", width: 80, cellStyle: {alignItems: "center"} },
{ headerName: "モジュール ", field: "module", flex: 1, cellStyle: {alignItems: "flex-start"/* 좌측정렬*/ }},
{ headerName: "システム容量 ", field: "systemCapacity", width: 120, cellStyle: { alignItems: "flex-end"/* 우측정렬*/ } },
{ headerName: "屋根材 ", field: "roofMaterial", width: 140, wrapText: true, autoHeight: true,cellStyle: { alignItems: "flex-start"/* 좌측정렬*/} },
{ headerName: "施工方法 ", field: "constructionMethod",cellStyle: {alignItems: "flex-start"/* 좌측정렬*/ } },
{ headerName: "架台 ", field: "mountingStructure",cellStyle: { alignItems: "flex-start"/* 좌측정렬*/ } },
{ headerName: "パワーコンディショナー ", field: "powerConditioner", flex: 1, wrapText: true, autoHeight: true, cellStyle: {alignItems: "flex-start"/* 좌측정렬*/}},
{ headerName: "管理 ", field: "management", width: 200, autoHeight: true, cellStyle: { alignItems: "center" }, cellRenderer: (params) => {
return (
<div className='grid-cell-btn'>
<button className='grid-btn'><span className="file"></span>見積書の照会</button>

View File

@ -44,7 +44,8 @@
}
.ag-cell{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
font-size: 13px;
color: #45576F;
line-height: 1.4 !important;