0
312
Vistas¿Cómo insertar un botón en una tabla de reacción?
Estoy tratando de insertar un botón en una tabla de reacción para que la interfaz de usuario sea así: 
Sin embargo, dado que construí la tabla usando el formato de "tableHead" y "tableData" como se muestra a continuación, parece que no me está permitido agregar un botón en la matriz tableData. ¿Puedo preguntar cómo debo agregar el botón en el lugar resaltado en la imagen? Muy apreciado.
<CardBody> <Table tableHeaderColor="warning" tableHead={[ "Name", "Market Value", "Total Holding Value", "Face Value", "Maturity Date", "Total Interest Received", "Action", ]} tableData={[ [ "PBS17", "Rp 93,000", "Rp 9,300,000", "Rp 1,000,000", "30/6/2027", "Rp 525,000", "Button" ], ]} /> </CardBody>
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
Puede insertar un botón donde está definiendo columnas para la tabla como se muestra a continuación:
{ width: 300, Header: "Button", Cell: ({ cell }) => ( <button value={cell.row.values.name} onClick={props.handleClick}> Button </button> ) }
·
Juan Pablo Isaza
Denunciar
0
Creo que puedes pasar el button como component en tableData
<CardBody> <Table tableHeaderColor="warning" tableHead={[ "Name", "Market Value", "Total Holding Value", "Face Value", "Maturity Date", "Total Interest Received", "Action", ]} tableData={[ [ "PBS17", "Rp 93,000", "Rp 9,300,000", "Rp 1,000,000", "30/6/2027", "Rp 525,000", <button></button> ], ]} /> </CardBody>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta