Thanks! for some reason I had a really hard time figuring out how to do this, and an even harder time finding a useful resource explaining it. This is exactly what I needed.
I’m really loving Flask even more after watching this video. This was a great intro and helped me understand Jinja2 templates. I love how they work with Flask. Now I want to implement with a database. Thank you! 🙏
It's not a cliché, that was an awesome video! , didn't comment immediately, had to watch again before dropping this comment. In 11mins, you taught us this so powerful! Awesome work Jose. Sincerely want to be like you when I grow up 😀💪
Hope you guys enjoyed the video! Some questions were left unanswered, so here goes: --- Why use classes instead of targeting elements directly in CSS? It's to do with specificity. By always using classes instead of element or id selectors, we can make sure our CSS can be overridden easily. --- How did I create the HTML boilerplate so quickly? In VSCode, type ! and press tab, you'll get the default boilerplate. --- What does {% and {{ mean in Jinja2? {% is used to create statements, like if statements, for loops. {{ is used for interpolation (to put values into the resultant string or HTML). --- If you want to learn more about HTML and CSS, we've got a great course on Udemy that is getting some massive updates over the next few days. Link: www.udemy.com/course/the-complete-python-web-course-learn-by-building-8-apps/?couponCode=HTML_TABLES_FLASK --- I mentioned Jinja2 macros at the end. I'll be making a video on them really soon!
Hi. Is there any way through which the same can be done by making use of API data? I have created my own API in flask which gives me a response in a JSON format. I don’t want to hardcode my data into a tuple/list. I’m kind of stuck. Please help. Thanks.
Thanks pal, go ahead, nice and useful tutorial. I will goto search next about retrieve data from a mysql/mariadb database , and next somthing about using asynchronous events.
Thank you for a great video. I was finally able to make my table. But I wondering how can I make the content editable given that I am using flask and jinga. What do I need to add or learn? Thanks in advance for your response.
Awesome video! I'm a Python beginner writing an image processor app for fun / learning, if I want to display the processing status of each image in real-time in the HTML template, is that straightforward with Python, or is it really more of a JavaScript thing? (btw I'm using Bottle for simplicity, but seems like many of the Flask concepts apply). Thanks!
Thank you! This was impressively concise… I am looking for a tutorial on building a flask application where the user can enter values in a table and the table will produce real-time calculations, like an excel spreadsheet. Do you have any suggestions?
Thank you very much Nick! That's a tricky one. Any interactivity on your page (e.g. making a table editable, and performing calculations more or less live) will need to use JavaScript. I'd say you're probably looking to make a JavaScript app more so than anything with Python (although you can use Python to communicate with a server and store data)
![Permanent data storage with PostgreSQL - Flask Tutorial for Beginners [5 of 5]](/img/1.gif)
Here is the body code:
{% for header in headings %}
{{ header }}
{% endfor %}
{% for row in data %}
{% for cell in row %}
{{cell}}
{% endfor %}
{% endfor %}
Thx, man. We should take it higher
finally, someone who speaks clearly and precisely !!! Thank you very much !!!!
Thanks! for some reason I had a really hard time figuring out how to do this, and an even harder time finding a useful resource explaining it. This is exactly what I needed.
Exactly what I wanted. I was thinking it will be extremely tricky. But you made it seem so easy. Loads of Thanks.
I’m really loving Flask even more after watching this video. This was a great intro and helped me understand Jinja2 templates. I love how they work with Flask. Now I want to implement with a database. Thank you! 🙏
Thank you Paul! I really like Woking with Flask and Jinja2. There’s a lot you can do!
I applied the same concept on Fastapi and it worked like a charm. Big ups bro👌
Great to hear! 🙌 well done!
aún no entiendo como este tipo no tiene más susbcriptores! pero con el tiempo e de esperar que este canal estalle!!!
Que buenos videos.
It's not a cliché, that was an awesome video! , didn't comment immediately, had to watch again before dropping this comment.
In 11mins, you taught us this so powerful!
Awesome work Jose.
Sincerely want to be like you when I grow up 😀💪
Glad you liked the video Regha! You can do anything you set your mind to, but you can aim higher than being like me 😆
I have an assignment due tomorrow and ur literally saving my ass. Like you are saving my ass. Thanks
Another great video, really like the new format. The content is straight to the point and well presented. Good work Jose.
Thanks for the feedback James, we’ll keep this format for future videos!
Great video!
Is there away to have a live table? like to render every miliseconds the table in case my source of data changes in miliseconds.
Yes thanks a lot. I understand Jinja2 better now
Hope you guys enjoyed the video! Some questions were left unanswered, so here goes:
--- Why use classes instead of targeting elements directly in CSS?
It's to do with specificity. By always using classes instead of element or id selectors, we can make sure our CSS can be overridden easily.
--- How did I create the HTML boilerplate so quickly?
In VSCode, type ! and press tab, you'll get the default boilerplate.
--- What does {% and {{ mean in Jinja2?
{% is used to create statements, like if statements, for loops. {{ is used for interpolation (to put values into the resultant string or HTML).
--- If you want to learn more about HTML and CSS, we've got a great course on Udemy that is getting some massive updates over the next few days. Link: www.udemy.com/course/the-complete-python-web-course-learn-by-building-8-apps/?couponCode=HTML_TABLES_FLASK
--- I mentioned Jinja2 macros at the end. I'll be making a video on them really soon!
You speak very clearly, thank you for this tutorial. I just subscribed 🙂
Great video. Exactly, for what I was looking for! Thankyou.
Hi. Is there any way through which the same can be done by making use of API data? I have created my own API in flask which gives me a response in a JSON format. I don’t want to hardcode my data into a tuple/list. I’m kind of stuck. Please help. Thanks.
very helpful for who are from backend lol
Thank you a lot!
absolutely brilliant! the next step is sqlalchemy methods to determine the headers/columns for a table
How do you output data like this with dictonaries?
Thanks it's really nice and solved my problem.... you are just awesome man! explained very well.
@teclado can you pls tell how to add links in this tables column.
Excellent tutorial!
Thanks pal, go ahead, nice and useful tutorial. I will goto search next about retrieve data from a mysql/mariadb database , and next somthing about using asynchronous events.
would it be very costly to have nested for loop? any better solution to fetch the table?
Excellent video. very precise
Thanks a lot for this video. Exactly what I was looking for!
Excellent video!!!
how would you retrieve the same data back to a new python dictionary using GET, POST methods?
Thank you for a great video. I was finally able to make my table. But I wondering how can I make the content editable given that I am using flask and jinga. What do I need to add or learn? Thanks in advance for your response.
i am getting below error
jinja2.exceptions.TemplateSyntaxError: Encountered unknown tag 'endfor'.
That's amazing. I was Wondering if i can create a dropdown on cell level to filter the table, is it possible ?
jinja2 code doesnt recognised by html files in pycharm. I am stuck. Can you help me?
How to delete a table with id given directly from html script using flask???
Can we display bar plot on HTML file the way we display this dataset
Wow, thank you so much, helped me a lot
Thank you very much, my friend
interesting, how can we use fetch and add a search option
How to dynamically add forms on page with flask and python?
really great video! one question regarding to the {{cell}}, when pasing in a string like"
Nice video
thank you very much
very good tutorial, I like it
Thanks for the video, could you please give some clue on how we can create a table that could be editable for the user.
i have integer values in my database, what to do?
hellow ! How can i return data from table to flask request...??
Is it possible to create table using dictionary? I stead of tuple
Nice Video!
Great video, thanks a lot! Do you know how I could insert a dict value into the src of an html img tag please??? I tried this but it is not
working
can i get the code for explained example gentle man ?
04:57 main.py
10:15 table.html
11:20 styles.css
Very nice video! Could you please suggest how to colorcode the last Salary field? if its less than 45k then yellow and more than 55k then Green?
Awesome video! I'm a Python beginner writing an image processor app for fun / learning, if I want to display the processing status of each image in real-time in the HTML template, is that straightforward with Python, or is it really more of a JavaScript thing? (btw I'm using Bottle for simplicity, but seems like many of the Flask concepts apply). Thanks!
THANK YOU BRO!!!!
Thank you! This was impressively concise… I am looking for a tutorial on building a flask application where the user can enter values in a table and the table will produce real-time calculations, like an excel spreadsheet. Do you have any suggestions?
Thank you very much Nick! That's a tricky one. Any interactivity on your page (e.g. making a table editable, and performing calculations more or less live) will need to use JavaScript. I'd say you're probably looking to make a JavaScript app more so than anything with Python (although you can use Python to communicate with a server and store data)
Thanks, Really Helpful
as it shows the results of a linear congruncial function in a table in python web
useful, thanks
Thanks teclado.
Thanks for this video, i've been trying to figure this out for weeks but getting nowhere
Thank you
very nice
the output on the right.... could be so much better! (Just one mans opinion)
Not all heroes wears capes
where is source code in this video?2
👍 subbed
Спасибо.