grid 버튼 영역 수정

This commit is contained in:
김창수 2024-10-23 15:46:19 +09:00
parent aaa788b158
commit 3e01acb099
2 changed files with 3 additions and 2 deletions

View File

@ -8,7 +8,7 @@ import { useState } from "react";
export default function ProductInfoTable(){
const [gridProps, setGridProps] = useState({
gridData: [
{ planNumber: "1", 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" },
{ planNumber: "1", orderStatus: "X", module: "Q.TROM M-G2.4+430", systemCapacity: "5.16kW", roofMaterial: "瓦53A, 瓦53B", constructionMethod: "強化施工", mountingStructure: "ジャイロスレー..", powerConditioner: "SE5500H AC-S-25, SE5500H AC-S-25, SE5500H AC-S-25, SE5500H AC-S-25, SE5500H AC-S-25, SE5500H AC-S-25, SE5500H AC-S-25, SE5500H AC-S-25, SE5500H AC-S-25, SE5500H AC-S-25, SE5500H AC-S-25, " },
{ planNumber: "2", orderStatus: "O", 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" },
{ planNumber: "3", 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" },
{ planNumber: "4", 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" },
@ -23,7 +23,7 @@ export default function ProductInfoTable(){
{ headerName: "施工方法 ", field: "constructionMethod",cellStyle: {display: 'flex', justifyContent: "center", alignItems: "center" } },
{ headerName: "架台 ", field: "mountingStructure",cellStyle: {display: 'flex', justifyContent: "center", alignItems: "center" } },
{ headerName: "パワーコンディショナー ", field: "powerConditioner", flex: 1, wrapText: true, autoHeight: true, cellStyle: {display: 'flex', justifyContent: "center", alignItems: "center" }},
{ headerName: "管理 ", field: "management", width: 200,cellStyle: {display: 'flex', justifyContent: "center", alignItems: "center" }, cellRenderer: (params) => {
{ headerName: "管理 ", field: "management", width: 200, autoHeight: true, cellStyle: {display: 'flex', justifyContent: "center", alignItems: "center" }, cellRenderer: (params) => {
return (
<div className='grid-cell-btn'>
<button className='grid-btn'><span className="file"></span>見積書の照会</button>

View File

@ -85,6 +85,7 @@
gap: 5px;
width: 117px;
margin: 0 auto;
padding: 15px 0;
.grid-btn{
display: block;
width: 100%;