Flask Data Tables – Inline Edit / Docker / Flask-RestX API

Hello Coders!

This article presents the latest feature added to an open-source sample that showcases paginated management via Flask and Simple-DataTables JS Library. The latest version of the product allows inline-edit and items deletion via Ajax call…


This content originally appeared on DEV Community and was authored by Sm0ke

Hello Coders!

This article presents the latest feature added to an open-source sample that showcases paginated management via Flask and Simple-DataTables JS Library. The latest version of the product allows inline-edit and items deletion via Ajax calls. The users are notified via toasts messages. The sources, published on Github under the MIT License, can be used in commercial products or eLearning activities.

Thanks for reading! Content provided by App Generator

✨ Quick Start

Once the source code is downloaded from Github (public repo), we can see the project in action using the Docker set up shipped with the product:

Step #1 - Clone/download source code

$ git clone https://github.com/app-generator/flask-volt-datatables.git
$ cd flask-volt-datatables

Step #2 - Start in Docker

$ docker-compose up --build

The Docker set up create the tables, load sample data, and starts the app using the address http://localhost:85.

Flask Data Tables - Inline Edit.

The information becomes editable at click and the ENTER will confirm the save. If the save operation is successful, the users are notified via a toast message. The same notification behavior happens when a row is deleted.

✨ Product Features

  • 👉 Backend Stack: Flask, Flask-RestX, SqlAlchemy
  • 👉 Frontend: Bootstrap 5, Vanilla JS, Simple-DataTables JS
  • 👉 Multiple Implementations: Via Controller, API, or file loads
  • 👉 Inline Edit / Delete via Ajax Calls
  • 👉 Deployment: Docker, Nginx/Gunicorn, HEROKU.

Thanks for reading! For more resources, feel free to access:


This content originally appeared on DEV Community and was authored by Sm0ke


Print Share Comment Cite Upload Translate Updates
APA

Sm0ke | Sciencx (2022-02-07T16:45:07+00:00) Flask Data Tables – Inline Edit / Docker / Flask-RestX API. Retrieved from https://www.scien.cx/2022/02/07/flask-data-tables-inline-edit-docker-flask-restx-api/

MLA
" » Flask Data Tables – Inline Edit / Docker / Flask-RestX API." Sm0ke | Sciencx - Monday February 7, 2022, https://www.scien.cx/2022/02/07/flask-data-tables-inline-edit-docker-flask-restx-api/
HARVARD
Sm0ke | Sciencx Monday February 7, 2022 » Flask Data Tables – Inline Edit / Docker / Flask-RestX API., viewed ,<https://www.scien.cx/2022/02/07/flask-data-tables-inline-edit-docker-flask-restx-api/>
VANCOUVER
Sm0ke | Sciencx - » Flask Data Tables – Inline Edit / Docker / Flask-RestX API. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/02/07/flask-data-tables-inline-edit-docker-flask-restx-api/
CHICAGO
" » Flask Data Tables – Inline Edit / Docker / Flask-RestX API." Sm0ke | Sciencx - Accessed . https://www.scien.cx/2022/02/07/flask-data-tables-inline-edit-docker-flask-restx-api/
IEEE
" » Flask Data Tables – Inline Edit / Docker / Flask-RestX API." Sm0ke | Sciencx [Online]. Available: https://www.scien.cx/2022/02/07/flask-data-tables-inline-edit-docker-flask-restx-api/. [Accessed: ]
rf:citation
» Flask Data Tables – Inline Edit / Docker / Flask-RestX API | Sm0ke | Sciencx | https://www.scien.cx/2022/02/07/flask-data-tables-inline-edit-docker-flask-restx-api/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts