Código para Sincronizar Google Sheet con Grid.js - Tablas

<link href="https://cdn.jsdelivr.net/npm/gridjs/dist/theme/mermaid.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/gridjs/dist/gridjs.umd.js"></script>

<script>
fetch('URL_DE_TU_SCRIPT?sheet=Tabla+1')
  .then(response => response.json())
  .then(data => {
    const headers = data.shift();

    new gridjs.Grid({
      search: true,
      sort: true,
      columns: headers,
      data: data,
      pagination: {
        limit: 6,
        summary: true
      },
      style: {
        th: {
          background: '#617be5',
          'font-weight': 'bold',
          color: '#fff',
          height: '60px'
        },
        td: {
          border: '1px solid #e9e9f6',
          background: '#fff',
          height: '40px'
        },
        table: {
          'font-size': '15px',
          border: 'none',
          color: '#20355a'
        }
      },
    	language: {
      	'search': {
        	'placeholder': '🔍  Buscar por palabra clave...'
      	},
      	'pagination': {
        	'previous': 'Anterior',
        	'next': 'Siguiente',
        	'showing': 'Mostrando',
        	'results': () => 'Resultados',
        	'to': () => 'de',
        	'of': () => 'de'
      	}
  		}
    }).render(document.getElementById("ov-tabla-1"));
  });
</script>