title: show table in spanish language - reactjs
body: <p>good day, I have a table with &quot;https://material-table-core.com&quot;, but I have not been able to let the table appear in Spanish, it seems to me by default in English, I have tried to add &quot;localization&quot; but it is not working in material-table/core, I have searched but I have not been able to make it appear in Spanish, I have sent the code I have, also the localization, although it is commented because it produces an error, I have tried but I have not been able to make the table appear in Spanish the search and all the options it has:</p>
  <p>code: <a href="https://codesandbox.io/s/amazing-rumple-x6fzwi?file=/src/App.js" rel="nofollow noreferrer">https://codesandbox.io/s/amazing-rumple-x6fzwi?file=/src/App.js</a></p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React, { useState, useEffect } from "react";
  import MaterialTable from "@material-table/core";
  
  import axios from "axios";
  
  function App() {
    //const baseUrlAd = `https://parqueoenvia.co/apiParqueoenvia/operadores/arqueo_cargar.php?id_operador=${global.id}`;
    const [data, setData] = useState([]);
  
    const peticionGet = async () =&gt; {
      await axios
        .get(
          `https://parqueoenvia.co/apiParqueoenvia/operadores/arqueo_cargar.php?id_operador=59`
        )
        .then((response) =&gt; {
          setData(response.data);
        })
        .catch((error) =&gt; {
          console.log(error);
        });
    };
  
    useEffect(() =&gt; {
      const interval = setInterval(() =&gt; {
        peticionGet();
      }, 3000);
  
      return () =&gt; setInterval(interval);
    }, []);
  
    const toMoney = (value) =&gt; {
      const money = Number(value);
  
      if (isNaN(money)) {
        return value;
      }
  
      return new Intl.NumberFormat("en-US", {
        style: "currency",
        currency: "USD"
      }).format(money);
    };
  
    const columnas = [
      {
        title: "FECHA",
        field: "fecha_hora"
      },
  
      {
        title: "valor_t2",
        field: "valor_t2",
        render: (field) =&gt; toMoney(field.valor_t2)
      }
    ];
  
    return (
      &lt;div id="content" className="app-content"&gt;
        &lt;div className="panel-body"&gt;
          {data.length === 0 ? (
            &lt;p&gt;cargando...&lt;/p&gt;
          ) : (
            &lt;MaterialTable
              columns={columnas}
              data={data}
              // title={ }
              //backIconButtonText="Página anterior"
              pagination
              fixedHeader
              renderSummaryRow={({ column, data }) =&gt;
                column.field === "valor_t2"
                  ? {
                      value: toMoney(
                        data.reduce((agg, row) =&gt; agg + Number(row.valor_t2), 0)
                      ),
                      style: { background: "red" }
                    }
                  : undefined
              }
              actions={[]}
              options={{
                actionsColumnIndex: -1,
                actionsCellStyle: {},
  
                body: {
                  emptyDataSourceMessage: "No hay registros que mostrar"
                }
              }}
  
              /*localization={{
      header:{
      actions: 'ACCIONES'
      
    },
    body:{ 
      emptyDataSourceMessage:'No hay registros que mostrar',
      
     },
  
   
  
     pagination: {
       firstAriaLabel: 'Primera página',
       firstTooltip: 'Primera página',
       labelDisplayedRows: '{from}-{to} de {count}',
       labelRowsPerPage: 'Filas por página:',
       labelRowsSelect: 'filas',
       lastAriaLabel: 'Ultima página',
       lastTooltip: 'Ultima página',
       nextAriaLabel: 'Pagina siguiente',
       nextTooltip: 'Pagina siguiente',
       previousAriaLabel: 'Pagina anterior',
       previousTooltip: 'Pagina anterior',
     },
     toolbar: {
       searchPlaceholder: 'Buscar',
       searchTooltip: 'Buscar',
       showColumnsAriaLabel: 'Mostrar columnas',
       showColumnsTitle: 'Mostrar columnas',
     },
  
     
  }}*/
            /&gt;
          )}
        &lt;/div&gt;
      &lt;/div&gt;
    );
  }
  
  export default App;</code></pre>
  </div>
  </div>
  </p>