How to pull data from Google Sheets to HTML table
Вставка
- Опубліковано 18 вер 2024
- This video is a demonstration video on "How to pull data from Google Sheets to HTML table". Visit the following link to see the complete blog post at bpwebs.com.
www.bpwebs.com...
Post Summary
With Google Apps Script, Bootstrap and, DataTables jQuery Plugin you can build beautiful HTML tables to show your Google Sheets Data. The DataTables plugin lets you add search, sort, and filter functions to the HTML table. Using Bootstrap you can add styles to your table. This way you can show your data to others without giving access to your Google Sheet.
You can see the live example and the Data Sheet from the following links.
HTML Table: bit.ly/3vjQ7AB
Data Sheet (Google Sheet): bit.ly/3fIPnP4
Apps Script file: bit.ly/2SoejmT
BRILLIANT - SHORT AND CRISP -EASY FOR ALL AND HIGHLY USEFUL TO SHARE GOOGLE SHEET DATA WTHOUT EDIT AND DOWNLOAD RIGHTS AND STILL SEARCHABLE ON ALL COLUMNS
THANKS A LOT TEAM BPWEBS - 👋👋👋🌹
I've solved the problem. This is a very useful post. I am grateful 👏🙏
Whats is the solution
@@SulakkhanaChamara If you watch carefully after the 1:48th second of the video, you will see it.
@@zaccoza will you please tell me the solution? i really cant find the solution :) thank you brother
@@perrysantos i found the solution, we must define a Sheet API in the Services section.
@@ibeleno1 thanks bro, i will check it out :)
Excellent video. VERY helpful ! :)
I have a problem with the table, apparently it only works on Microsoft Edge Browser, on Chrome and Firefox is not working, any idea how to fix? Thanks
thank you so much for this video and resources!
Thanks a lot from bottom of my heart
Works great.thank you
Short and exelent! 👍
Thank you! can you show us pull the data row but search only on order numbers? and search by hitting a button
Nice Sir
Thank you!
Is there any way to make the values of a given column dynamic hyperlinks?
Can we emberded the link into a website? If Yes, how to do please?
Thank you for your video, it is very well done but....
If you want to write a cell contains (from a Google spreadsheet) on a web page , I understand that you have to use Scriptlets using: (the word total is a variable here) but how to transcribe it on a web page, THAT is the question
how to make it sync realtime to excel to webpage?
How do I create a footer to add the total of a column? Thanks in advance for your answer
Nice 👍
Thanks so much for your video! Could you help me? How i create charts from search results on this webapp?
Why this HTML table can not see on mobile browsers? The same link is working on the computer browser but it is not working on mobile.
Wow it totally works thank you
This won't return image in cell results. Is there a way to do that?
Nice video sir. Thank you. Can we resize table column?
Sir if i want to show any hyperlink or weblink which is in Google sheet, what changes have to do?
Because hyperlink or weblink is not working in html table, it shows fix value.
Please help
Read the following section of the blog post pls. www.bpwebs.com/pull-data-from-google-sheets-to-html-table/#display-ur-ls-as-hyperlinks
Great. Thanks you
Hi, do you have any idea if I already follow everything but my web page is empty after I click the deployment web app URL?
same issue here. Any solution found by you?
SIr, Table does not load after deployment. Its showing "This application was created by another user, not by Google"...Sir please help me.
Is it possible to make a search with specific field
How to displays specific columns only (say columns A,,C, E,)
MUCHAS GRACIAS!
Wonder how to make link that has prefilled search entry
Great video. One question: I can’t figure out how to change to color of the buttons. Can you give me advice on that? Thanks
You may add styles.css for dedicated button
hi wonder if how to do it if where to get data from multiple sheets?
how about to search data from multiple sheet?
can we put some clickable link in table ?
Yes, you can. Pls read the following section of the blog post. www.bpwebs.com/pull-data-from-google-sheets-to-html-table/#display-urls-as-hyperlinks
i done but a massage arrive "This application was created by another user, not by Google." and dosn't work
Thank you.
There are links from my spreadsheet that can't be clicked after it changed to html table. Need help to solve it please..
💯 thanks a lot 😉
It's working fine for me but not on mobile. When showing the page on my phone, receiving the message "Impossible to open this file".
Any idea anyone please?
Thanks
Thanks sir
God bless you
WHat if sheet has merged cells? How do you write cell title in brackets?
thank for good video ,, but i need your help, i want it to show as in the exel but in html it arrange by a-z .. please help ,, thanks
How to script download data at view html to excel or convert to pdf..? Thanks
Work on desktop but Not working on mobile phone, how to fix this error ?
Thanks
I got it running but now I want a button to Reload new data without having to reload the web page please help me.
How to solve this error data table warnings table I'd data table requested unknown.......
Can I download the data ? Search result
how to display url as url in the HTML?
How to pass columns to rows ?
Hi there, is it possible to show pictures?
Hello there, great work. it will be very useful for me. appscript I entered all the commands correctly. I saved it, and it didn't give any error. When I share on the web; A blank page comes up. What is the reason?
Hola, lograste solucionarlo ? me pasa lo mismo
@@alexispablojoseescobar4675 tienes que compartir tu hoja de calculo google y permitir a Cualquier usuario de Internet que tenga el vínculo puede ver los elementos (lector) y listo
Not working.
How to autorefresh this page
Hi, code executed but not shows the table
HERO
not working for me
Muito bom. Obrigado por compartilhar.
How to convert app script to html ?
Olá, obrigado por seus ensinamentos. Há alguma forma que eu possa deixar essa tabela html acessível somente para os usuários que possuem acesso à minha planilha ?
eu não entendi seu ponto
Not showing data on web page
How to add data edit tool?
how to pull image from google sheet to html page
no more working ?
ReferenceError: Sheets is not defined
at getData(Code:15:15)
IS IT LIVE?
Pls tutorial edit data
not working sheet and error is sheets not define
You have to enable Google Sheets API Service for your project.
To enable Google Sheets Service,
Click the + icon in the Services tab,
Select Google Sheets API from the list in the Add a service popup box.
Then, click Add.
@@bpwebs wait i will check
@@bpwebs thank you so much its working now .. i like you
Header judul
THis didnt work for me. Wasted time
Plz help
Eidt table
How to add in local html file?