AskOverflow.Dev

AskOverflow.Dev Logo AskOverflow.Dev Logo

AskOverflow.Dev Navigation

  • Início
  • system&network
  • Ubuntu
  • Unix
  • DBA
  • Computer
  • Coding
  • LangChain

Mobile menu

Close
  • Início
  • system&network
    • Recentes
    • Highest score
    • tags
  • Ubuntu
    • Recentes
    • Highest score
    • tags
  • Unix
    • Recentes
    • tags
  • DBA
    • Recentes
    • tags
  • Computer
    • Recentes
    • tags
  • Coding
    • Recentes
    • tags
Início / coding / Perguntas / 79584182
Accepted
Satish Mahat
Satish Mahat
Asked: 2025-04-21 15:15:57 +0800 CST2025-04-21 15:15:57 +0800 CST 2025-04-21 15:15:57 +0800 CST

API do Google Docs: O texto de insertText aparece todo na primeira célula da tabela — como inserir texto corretamente em cada célula? Usando React

  • 772

Estou trabalhando com a API do Google Docs para inserir uma tabela e preencher cada célula com texto. A tabela é inserida corretamente, mas quando insiro texto nas células, todo o conteúdo aparece comprimido na primeira célula, assim: minha saída

O que estou fazendo:

  1. Eu crio a tabela usando insertTable.
  2. Em seguida, busco o documento atualizado para encontrar a tabela e a estrutura da célula.
  3. Tento inserir texto em cada célula usando insertText.

Aqui está o código relevante que estou usando:

    const insertTableWithText = async () => {
  if (!docId) return;

  try {
    const doc = await gapi.client.docs.documents.get({ documentId: docId });
    const endIndex = doc.result.body.content.reduce((max, el) => {
      return el.endIndex > max ? el.endIndex : max;
    }, 1);

    const tableData = [
      ["Header 1", "Header 2"],
      ["Value 1", "Value 2"]
    ];

    await gapi.client.docs.documents.batchUpdate({
      documentId: docId,
      resource: {
        requests: [{
          insertTable: {
            rows: tableData.length,
            columns: tableData[0].length,
            location: { index: endIndex - 1 }
          }
        }]
      }
    });

    await new Promise(resolve => setTimeout(resolve, 1000));

    const updatedDoc = await gapi.client.docs.documents.get({ documentId: docId });

    let tableElement = null;
    for (let i = updatedDoc.result.body.content.length - 1; i >= 0; i--) {
      if (updatedDoc.result.body.content[i].table) {
        tableElement = updatedDoc.result.body.content[i];
        break;
      }
    }

    if (!tableElement) throw new Error("Table not found");

    const requests = [];

    tableElement.table.tableRows.forEach((row, rowIndex) => {
      row.tableCells.forEach((cell, colIndex) => {
        const paragraphIndex = cell.content[0].paragraph.elements[0].startIndex;

        requests.push({
          insertText: {
            text: tableData[rowIndex][colIndex],
            location: { index: paragraphIndex }
          }
        });
      });
    });

    if (requests.length > 0) {
      await gapi.client.docs.documents.batchUpdate({
        documentId: docId,
        resource: { requests }
      });
    }

  } catch (err) {
    console.error("Error inserting table with text:", err);
  }
};

Problema: Em vez de cada valor ir para sua respectiva célula, todos os valores estão sendo inseridos na primeira célula, um após o outro (como se o índice de inserção fosse reutilizado ou sobreposto).

Como determino corretamente o índice para inserir texto em cada célula? Por que o texto aparece todo em uma célula, mesmo quando eu percorro células diferentes?

javascript
  • 1 1 respostas
  • 54 Views

1 respostas

  • Voted
  1. Best Answer
    Tanaike
    2025-04-21T15:50:08+08:002025-04-21T15:50:08+08:00

    Este tópico pode ser útil para inserir os valores nas células da tabela criada no Google Docs. Ref. (Autor: eu) Quando o seu script de exibição for modificado por este relatório, que tal a seguinte modificação?

    Script modificado:

    const docId = "###"; // Please set your Doc ID.
    const endIndex = 2; // Please set your endIndex
    
    // This is from your showing script.
    const tableData = [
      ["Header 1", "Header 2"],
      ["Value 1", "Value 2"]
    ];
    
    const tableIndex = endIndex - 1; // This is from your script.
    
    const maxLen = Math.max(...tableData.map(r => r.length));
    const tableIndex = endIndex - 1;
    let index = tableIndex + 5;
    const cellValues = tableData.flatMap((r, i) => {
      const rowIndex = index + (i == 0 ? 0 : 3) - 1;
      const o = r.map((c, j) => {
        const idx = rowIndex + j * 2;
        const obj = { insertText: { text: c, location: { index: idx } } };
        index = idx + 1;
        return obj;
      });
      if (r.length < maxLen) {
        index += (maxLen - r.length) * 2;
      }
      return o;
    }).reverse();
    const requests = [
      { insertTable: { rows: tableData.length, columns: tableData[0].length, location: { index: tableIndex } } },
      ...cellValues
    ];
    
    await gapi.client.docs.documents.batchUpdate({
      documentId: docId,
      resource: { requests }
    });
    

    Nesta modificação, a criação da tabela e a inserção de valores nas células podem ser executadas por uma chamada de API.

    Teste:

    Quando endIndexé 2, o seguinte resultado é obtido.

    insira a descrição da imagem aqui

    Referências:

    • Trabalhando com tabelas
    • https://stackoverflow.com/a/56247351
    • 0

relate perguntas

  • classificação de mesclagem não está funcionando - código Javascript: não é possível encontrar o erro mesmo após a depuração

  • método select.remove() funciona estranho [fechado]

  • Sempre um 401 res em useOpenWeather () - react-open-weather lib [duplicado]

  • O elemento de entrada não possui atributo somente leitura, mas os campos ainda não podem ser editados [fechado]

  • Como editar o raio do primeiro nó de um RadialTree D3.js?

Sidebar

Stats

  • Perguntas 205573
  • respostas 270741
  • best respostas 135370
  • utilizador 68524
  • Highest score
  • respostas
  • Marko Smith

    Reformatar números, inserindo separadores em posições fixas

    • 6 respostas
  • Marko Smith

    Por que os conceitos do C++20 causam erros de restrição cíclica, enquanto o SFINAE antigo não?

    • 2 respostas
  • Marko Smith

    Problema com extensão desinstalada automaticamente do VScode (tema Material)

    • 2 respostas
  • Marko Smith

    Vue 3: Erro na criação "Identificador esperado, mas encontrado 'import'" [duplicado]

    • 1 respostas
  • Marko Smith

    Qual é o propósito de `enum class` com um tipo subjacente especificado, mas sem enumeradores?

    • 1 respostas
  • Marko Smith

    Como faço para corrigir um erro MODULE_NOT_FOUND para um módulo que não importei manualmente?

    • 6 respostas
  • Marko Smith

    `(expression, lvalue) = rvalue` é uma atribuição válida em C ou C++? Por que alguns compiladores aceitam/rejeitam isso?

    • 3 respostas
  • Marko Smith

    Um programa vazio que não faz nada em C++ precisa de um heap de 204 KB, mas não em C

    • 1 respostas
  • Marko Smith

    PowerBI atualmente quebrado com BigQuery: problema de driver Simba com atualização do Windows

    • 2 respostas
  • Marko Smith

    AdMob: MobileAds.initialize() - "java.lang.Integer não pode ser convertido em java.lang.String" para alguns dispositivos

    • 1 respostas
  • Martin Hope
    Fantastic Mr Fox Somente o tipo copiável não é aceito na implementação std::vector do MSVC 2025-04-23 06:40:49 +0800 CST
  • Martin Hope
    Howard Hinnant Encontre o próximo dia da semana usando o cronógrafo 2025-04-21 08:30:25 +0800 CST
  • Martin Hope
    Fedor O inicializador de membro do construtor pode incluir a inicialização de outro membro? 2025-04-15 01:01:44 +0800 CST
  • Martin Hope
    Petr Filipský Por que os conceitos do C++20 causam erros de restrição cíclica, enquanto o SFINAE antigo não? 2025-03-23 21:39:40 +0800 CST
  • Martin Hope
    Catskul O C++20 mudou para permitir a conversão de `type(&)[N]` de matriz de limites conhecidos para `type(&)[]` de matriz de limites desconhecidos? 2025-03-04 06:57:53 +0800 CST
  • Martin Hope
    Stefan Pochmann Como/por que {2,3,10} e {x,3,10} com x=2 são ordenados de forma diferente? 2025-01-13 23:24:07 +0800 CST
  • Martin Hope
    Chad Feller O ponto e vírgula agora é opcional em condicionais bash com [[ .. ]] na versão 5.2? 2024-10-21 05:50:33 +0800 CST
  • Martin Hope
    Wrench Por que um traço duplo (--) faz com que esta cláusula MariaDB seja avaliada como verdadeira? 2024-05-05 13:37:20 +0800 CST
  • Martin Hope
    Waket Zheng Por que `dict(id=1, **{'id': 2})` às vezes gera `KeyError: 'id'` em vez de um TypeError? 2024-05-04 14:19:19 +0800 CST
  • Martin Hope
    user924 AdMob: MobileAds.initialize() - "java.lang.Integer não pode ser convertido em java.lang.String" para alguns dispositivos 2024-03-20 03:12:31 +0800 CST

Hot tag

python javascript c++ c# java typescript sql reactjs html

Explore

  • Início
  • Perguntas
    • Recentes
    • Highest score
  • tag
  • help

Footer

AskOverflow.Dev

About Us

  • About Us
  • Contact Us

Legal Stuff

  • Privacy Policy

Language

  • Pt
  • Server
  • Unix

© 2023 AskOverflow.DEV All Rights Reserve