Skip to content

Commit 17d0e6e

Browse files
committed
Doc: Highlight the use of Datatable CSS file
1 parent 52c2eae commit 17d0e6e

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

flask_tables/flask_tables.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -400,7 +400,7 @@ Then you can reload your flask application on http://127.0.0.1:5000/ to see the
400400

401401
The table we have created looks nice, but with 100 fake users, it is hard to see the table. We can improve the UX of the table by adding interactive features such as pagination, sorting and searching. **Imagine if you had thousands of users do display**. This page would be a nightmare to navigate.
402402

403-
Welcome to [dataTable.js](https://datatables.net/). It is a great tool to create a table with a lot of features. To use it, we will update our `base.html` template to include the `dataTable.js` script.
403+
Welcome to [dataTable.js](https://datatables.net/). It is a great tool to create a table with a lot of features. To use it, we will update our `base.html` template to include both the dataTable CSS and JavaScript files.
404404

405405
`base.html: Add dataTables.js library`
406406
```html
@@ -458,7 +458,7 @@ Welcome to [dataTable.js](https://datatables.net/). It is a great tool to create
458458
{% endblock %}
459459
```
460460

461-
There are three scripts I have added:
461+
In the `head` block, I have linked to the dataTable CSS file. There are also three scripts I have added:
462462
- `jquery-3.6.0.min.js`: jQuery library
463463
- `jquery.dataTables.js`: jQuery dataTables library
464464
- `dataTables.bootstrap5.js`: jQuery dataTables library (custom logic for Bootstrap)

0 commit comments

Comments
 (0)