Buen día, tengo un tabla "https://material-table-core.com/demos/Summaryrow/basic" en reactjs y necesito que todos los valores de la columna de valor_t2 se sumen y me muestre el resultado al final de la tabla. ya la tabla esta sumando los valores de la columna valor_t2 pero necesito que al interactuar con el search predeterminado de la tabla también el valor final tambien se actualice. cuando la tabla carga aparece la suma sin problemas pero cuando interactuó con el buscador que aparece por defecto de la tabla el valor de la suma no cambia y necesito que sea dinamia y sume únicamente lo que hay en la tabla.
//codigo https://codesandbox.io/s/amazing-rumple-x6fzwi?file=/src/App.js
import React, { useState, useEffect } from "react";
import MaterialTable from "@material-table/core";
import axios from "axios";
function App() {
const [data, setData] = useState([]);
const peticionGet = async () => {
await axios
.get(
`https://parqueoenvia.co/apiParqueoenvia/operadores/arqueo_cargar.php?id_operador=59`
)
.then((response) => {
setData(response.data);
})
.catch((error) => {
console.log(error);
});
};
useEffect(() => {
const interval = setInterval(() => {
peticionGet();
}, 3000);
return () => setInterval(interval);
}, []);
const columnas = [
{
title: "FECHA",
field: "fecha_hora"
},
{
title: "age",
field: "valor_t2"
}
];
return (
<div id="content" className="app-content">
<div className="panel-body">
{data.length === 0 ? (
<p>cargando...</p>
) : (
<MaterialTable
columns={columnas}
data={data}
// title={ }
// backIconButtonText='Página anterior'
pagination
fixedHeader
renderSummaryRow={({ column, data }) =>
column.field === "valor_t2"
? {
value: data.reduce(
(agg, row) => agg + Number(row.valor_t2),
0
),
style: { background: "red" }
}
: undefined
}
actions={[]}
options={{
actionsColumnIndex: -1,
actionsCellStyle: {},
body: {
emptyDataSourceMessage: "No hay registros que mostrar"
}
}}
/>
)}
</div>
</div>
);
}
export default App;
renderSummaryRow
no parece una propiedad existente dematerial-table
por lo que no estoy seguro si funciona, de momento esa propiedad si te muestra información ?