Bootstrap 5 Table foot

Bootstrap 5 Table foot is used to create a section where we can calculate the whole column's sum. Like if we create a table that contains two columns one holding the product and another holding the value then the value part can be summed up.

Bootstrap 5 Table foot Class: We do not require any class for the table foot, in HTML we already have HTML tfoot Tag, which plays the role here.

Syntax:

<table>
 <thead>
 </thead>
 <tbody>
 </tbody>
 <tfoot>
 ...
 </tfoot>
</table>

The below example illustrates the Bootstrap 5 Table foot:

Example 1: In this example, we will create a course table and sum the price of the course.

Output:

👁 Image

Example 2: In this example, we will use the footer with the dark theme using class .table-dark to calculate the sum of the price of all courses

Output:

👁 Image

Reference: https://getbootstrap.com/docs/5.0/content/tables/#table-foot