Эффективный диапазон встраивания от листов до сайтов

#html #google-sheets #embed #google-sites

#HTML #google-sheets #Внедрить #google-сайты

Вопрос:

Есть этот код для встраивания диапазона из листа в сайты Google:

 <iframe 
src="https://docs.google.com/spreadsheets/d/e/SHEET_CODE/pubhtml?
gid=SHEET_IDamp;amp;range=B1:G10amp;amp;single=trueamp;amp;widget=falseamp;amp;chrome=falseamp;amp;headers=falseamp;amp" width"100%" height="100%" style="border:none;"></iframe>
 

Этот код должен отображать только 1 вкладку, без виджета, без заголовка, без названия листа, и он должен адаптировать диапазон к странице сайта, но он показывает только часть диапазона:

введите описание изображения здесь

Как я могу сделать так, чтобы диапазон отображался полностью и адаптировался к странице? Может также кто-нибудь подтвердить, что этот метод обновляет диапазон встраивания каждый раз, когда вносятся изменения в основной лист?

PS: Также найден метод, который использует ссылку на лист:

 gviz/tq?tqx=out:htmlamp;tqamp;
 

как объяснено здесь, который эффективно отображает весь диапазон и даже загружается довольно быстро, но не импортирует никаких изменений ячеек из основного листа.

Комментарии:

1. Привет, @Preack ! Я понимаю, что вы хотите показать всю таблицу целиком, без необходимости прокрутки по вертикали или горизонтали. Если я правильно понял вашу проблему, не могли бы вы, пожалуйста, протестировать использование width="100%" в iframe? Пожалуйста, обратите внимание, как я = там поставил точку. Поделитесь своими находками со всеми нами, чтобы мы продолжали помогать вам.

2. Да, спасибо, что заметили, что там не хватало =.

3. Просто чтобы прояснить, не могли бы вы уточнить, решило ли это исправление ваш вопрос?

4. Да, после добавления этого отсутствующего ‘ = ‘ это работает.

Ответ №1:

Проблема была исправлена путем добавления = width атрибута on для выполнения синтаксиса HTML. Окончательный код должен выглядеть следующим образом:

 <iframe
  src="https://docs.google.com/spreadsheets/d/e/SHEET_CODE/pubhtml?
          gid=SHEET_IDamp;amp;range=B1:G10amp;amp;single=trueamp;amp;widget=falseamp;amp;chrome=falseamp;amp;headers=falseamp;amp"
  width="100%"
  height="100%"
  style="border: none;"
></iframe>