How to pull data from Google Sheets to HTML table
ฝัง
- เผยแพร่เมื่อ 24 พ.ค. 2021
- 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/pull-data-from...
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
Short and exelent! 👍
thank you so much for this video and resources!
Excellent video. VERY helpful ! :)
Works great.thank you
Thanks a lot from bottom of my heart
Wow it totally works thank you
Nice video sir. Thank you. Can we resize table column?
Great. Thanks you
💯 thanks a lot 😉
How do I create a footer to add the total of a column? Thanks in advance for your answer
Thanks so much for your video! Could you help me? How i create charts from search results on this webapp?
MUCHAS GRACIAS!
Thank you.
Is there any way to make the values of a given column dynamic hyperlinks?
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
Nice 👍
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 :)
God bless you
How to pass columns to rows ?
Muito bom. Obrigado por compartilhar.
hi wonder if how to do it if where to get data from multiple sheets?
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
Is it possible to make a search with specific field
how about to search data from multiple sheet?
Thanks sir
how to make it sync realtime to excel to webpage?
Thanks
Can we emberded the link into a website? If Yes, how to do please?
Wonder how to make link that has prefilled search entry
Hi there, is it possible to show pictures?
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
How to script download data at view html to excel or convert to pdf..? Thanks
how to display url as url in the HTML?
This won't return image in cell results. Is there a way to do that?
I got it running but now I want a button to Reload new data without having to reload the web page please help me.
WHat if sheet has merged cells? How do you write cell title in brackets?
There are links from my spreadsheet that can't be clicked after it changed to html table. Need help to solve it please..
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
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?
How to add data edit tool?
Pls tutorial edit data
How to convert app script to html ?
Can I download the data ? Search result
HERO
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.
How to add in local html file?
How to displays specific columns only (say columns A,,C, E,)
not working for me
SIr, Table does not load after deployment. Its showing "This application was created by another user, not by Google"...Sir please help me.
i done but a massage arrive "This application was created by another user, not by Google." and dosn't work
How to autorefresh this page
IS IT LIVE?
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
Hi, code executed but not shows the table
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
no more working ?
How to solve this error data table warnings table I'd data table requested unknown.......
Not working.
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
ReferenceError: Sheets is not defined
at getData(Code:15:15)
Work on desktop but Not working on mobile phone, how to fix this error ?
Not showing data on web page
how to pull image from google sheet to html page
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
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 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
Eidt table
Plz help
THis didnt work for me. Wasted time