Table (table)

Due to the widespread use of <table> elements across third-party widgets like calendars and date pickers, Bootstrap’s tables are opt-in. Add the base class .table to any <table>, then extend with our optional modifier classes or custom styles. All table styles are not inherited in Bootstrap, meaning any nested tables can be styled independent from the parent.

đź”— External documentation.

ID Label Description Schema
header Header Drupal expects an array of cells for the header. See template_preprocess_table in core > includes > theme.inc for more information.
colgroups Colgroups Sticked to Drupal structure after preprocessing of the Drupal table element.
rows Rows For the body of the table, Drupal expects an array of rows with each row keyed with the name 'cells', which is an array values for each cell. See template_preprocess_table in core > includes > theme.inc for more information.
footer Footer Drupal expects an array of cells for the footer. See template_preprocess_table in core > includes > theme.inc for more information.
empty Empty Render element used when there is no rows.
caption Caption A caption functions like a heading for a table. It helps users with screen readers to find a table and understand what it's about and decide if they want to read it. By default it is displayed at the bottom of the table.
header_color Table header color 
                        type: string
enum:
    - primary
    - secondary
    - success
    - danger
    - warning
    - info
    - light
    - dark
footer_color Table footer color 
                        type: string
enum:
    - primary
    - secondary
    - success
    - danger
    - warning
    - info
    - light
    - dark
stripes Striped table Add zebra-striping to either the rows and/or the columns of the table. 
                        type: string
enum:
    - striped
    - striped-columns
borders Table border style By default, rows have borders, but not the table itself or the columns. The 'borders' option adds borders on all sides of the table and cells. 'Borderless' removes all borders. 
                        type: string
enum:
    - bordered
    - borderless
hover Hoverable rows Enable a hover state when passing the mouse over a row. 
                        type: boolean
responsive Responsive Responsive tables allow tables to be scrolled horizontally with ease. 
                        type: string
enum:
    - responsive
    - responsive-sm
    - responsive-md
    - responsive-lg
    - responsive-xl

                      
            id: table
label: Table
description: 'Due to the widespread use of <table> elements across third-party widgets like calendars and date pickers, Bootstrap’s tables are opt-in. Add the base class .table to any <table>, then extend with our optional modifier classes or custom styles. All table styles are not inherited in Bootstrap, meaning any nested tables can be styled independent from the parent. '
homepage: 'https://getbootstrap.com/docs/4.6/content/tables/'
variants:
    default:
        id: default
        label: Default
    active:
        id: active
        label: Active
    primary:
        id: primary
        label: Primary
    secondary:
        id: secondary
        label: Secondary
    success:
        id: success
        label: Success
    danger:
        id: danger
        label: Danger
    warning:
        id: warning
        label: Warning
    info:
        id: info
        label: Info
    light:
        id: light
        label: Light
    dark:
        id: dark
        label: Dark
    sm:
        id: sm
        label: Small
    active__sm:
        id: active__sm
        label: 'Active small'
    primary__sm:
        id: primary__sm
        label: 'Primary small'
    secondary__sm:
        id: secondary__sm
        label: 'Secondary small'
    success__sm:
        id: success__sm
        label: 'Success small'
    danger__sm:
        id: danger__sm
        label: 'Danger small'
    warning__sm:
        id: warning__sm
        label: 'Warning small'
    info__sm:
        id: info__sm
        label: 'Info small'
    light__sm:
        id: light__sm
        label: 'Light small'
    dark__sm:
        id: dark__sm
        label: 'Dark small'
slots:
    header:
        id: header
        label: Header
        description: 'Drupal expects an array of cells for the header. See template_preprocess_table in core > includes > theme.inc for more information.'
    colgroups:
        id: colgroups
        label: Colgroups
        description: 'Sticked to Drupal structure after preprocessing of the Drupal table element.'
    rows:
        id: rows
        label: Rows
        description: "For the body of the table, Drupal expects an array of rows with each row keyed with the name 'cells', which is an array values for each cell. See template_preprocess_table in core > includes > theme.inc for more information."
    footer:
        id: footer
        label: Footer
        description: 'Drupal expects an array of cells for the footer. See template_preprocess_table in core > includes > theme.inc for more information.'
    empty:
        id: empty
        label: Empty
        description: 'Render element used when there is no rows.'
    caption:
        id: caption
        label: Caption
        description: "A caption functions like a heading for a table. It helps users with screen readers to find a table and understand what it's about and decide if they want to read it. By default it is displayed at the bottom of the table."
props:
    header_color:
        id: header_color
        label: 'Table header color'
        schema:
            type: string
            enum:
                - primary
                - secondary
                - success
                - danger
                - warning
                - info
                - light
                - dark
    footer_color:
        id: footer_color
        label: 'Table footer color'
        schema:
            type: string
            enum:
                - primary
                - secondary
                - success
                - danger
                - warning
                - info
                - light
                - dark
    stripes:
        id: stripes
        label: 'Striped table'
        description: 'Add zebra-striping to either the rows and/or the columns of the table.'
        schema:
            type: string
            enum:
                - striped
                - striped-columns
    borders:
        id: borders
        label: 'Table border style'
        description: "By default, rows have borders, but not the table itself or the columns. The 'borders' option adds borders on all sides of the table and cells. 'Borderless' removes all borders."
        schema:
            type: string
            enum:
                - bordered
                - borderless
    hover:
        id: hover
        label: 'Hoverable rows'
        description: 'Enable a hover state when passing the mouse over a row.'
        schema:
            type: boolean
    responsive:
        id: responsive
        label: Responsive
        description: 'Responsive tables allow tables to be scrolled horizontally with ease.'
        schema:
            type: string
            enum:
                - responsive
                - responsive-sm
                - responsive-md
                - responsive-lg
                - responsive-xl
examples:
    preview:
        id: preview
        label: Preview
        renderable:
            '@component': table
            header:
                -
                    content: Header
                -
                    content: Header
                -
                    content: Header
                -
                    content: Header
                -
                    content: Header
                -
                    content: Header
                -
                    content: Header
                -
                    content: Header
                -
                    content: Header
                -
                    content: Header
                -
                    content: Header
                -
                    content: Header
                -
                    content: Header
                -
                    content: Header
                -
                    content: Header
                -
                    content: Header
                -
                    content: Header
                -
                    content: Header
                -
                    content: Header
                -
                    content: Header
            rows:
                -
                    cells:
                        -
                            content: 'Cell 1'
                        -
                            content: 'Cell 2'
                        -
                            content: 'Cell 3'
                        -
                            content: 'Cell 4'
                        -
                            content: 'Cell 5'
                        -
                            content: 'Cell 6'
                        -
                            content: 'Cell 7'
                        -
                            content: 'Cell 8'
                        -
                            content: 'Cell 9'
                        -
                            content: 'Cell 10'
                        -
                            content: 'Cell 11'
                        -
                            content: 'Cell 12'
                        -
                            content: 'Cell 13'
                        -
                            content: 'Cell 14'
                        -
                            content: 'Cell 15'
                        -
                            content: 'Cell 16'
                        -
                            content: 'Cell 17'
                        -
                            content: 'Cell 18'
                        -
                            content: 'Cell 19'
                        -
                            content: 'Cell 20'
                -
                    cells:
                        -
                            content: 'Cell 1'
                        -
                            content: 'Cell 2'
                        -
                            content: 'Cell 3'
                        -
                            content: 'Cell 4'
                        -
                            content: 'Cell 5'
                        -
                            content: 'Cell 6'
                        -
                            content: 'Cell 7'
                        -
                            content: 'Cell 8'
                        -
                            content: 'Cell 9'
                        -
                            content: 'Cell 10'
                        -
                            content: 'Cell 11'
                        -
                            content: 'Cell 12'
                        -
                            content: 'Cell 13'
                        -
                            content: 'Cell 14'
                        -
                            content: 'Cell 15'
                        -
                            content: 'Cell 16'
                        -
                            content: 'Cell 17'
                        -
                            content: 'Cell 18'
                        -
                            content: 'Cell 19'
                        -
                            content: 'Cell 20'
                -
                    cells:
                        -
                            content: 'Cell 1'
                        -
                            content: 'Cell 2'
                        -
                            content: 'Cell 3'
                        -
                            content: 'Cell 4'
                        -
                            content: 'Cell 5'
                        -
                            content: 'Cell 6'
                        -
                            content: 'Cell 7'
                        -
                            content: 'Cell 8'
                        -
                            content: 'Cell 9'
                        -
                            content: 'Cell 10'
                        -
                            content: 'Cell 11'
                        -
                            content: 'Cell 12'
                        -
                            content: 'Cell 13'
                        -
                            content: 'Cell 14'
                        -
                            content: 'Cell 15'
                        -
                            content: 'Cell 16'
                        -
                            content: 'Cell 17'
                        -
                            content: 'Cell 18'
                        -
                            content: 'Cell 19'
                        -
                            content: 'Cell 20'
                -
                    cells:
                        -
                            content: 'Cell 1'
                        -
                            content: 'Cell 2'
                        -
                            content: 'Cell 3'
                        -
                            content: 'Cell 4'
                        -
                            content: 'Cell 5'
                        -
                            content: 'Cell 6'
                        -
                            content: 'Cell 7'
                        -
                            content: 'Cell 8'
                        -
                            content: 'Cell 9'
                        -
                            content: 'Cell 10'
                        -
                            content: 'Cell 11'
                        -
                            content: 'Cell 12'
                        -
                            content: 'Cell 13'
                        -
                            content: 'Cell 14'
                        -
                            content: 'Cell 15'
                        -
                            content: 'Cell 16'
                        -
                            content: 'Cell 17'
                        -
                            content: 'Cell 18'
                        -
                            content: 'Cell 19'
                        -
                            content: 'Cell 20'
            footer:
                -
                    cells:
                        -
                            content: Footer
                        -
                            content: Footer
                        -
                            content: Footer
                        -
                            content: Footer
                        -
                            content: Footer
                        -
                            content: Footer
                        -
                            content: Footer
                        -
                            content: Footer
                        -
                            content: Footer
                        -
                            content: Footer
                        -
                            content: Footer
                        -
                            content: Footer
                        -
                            content: Footer
                        -
                            content: Footer
                        -
                            content: Footer
                        -
                            content: Footer
                        -
                            content: Footer
                        -
                            content: Footer
                        -
                            content: Footer
                        -
                            content: Footer
            caption: 'Caption of the table'
            stripes:
                - striped
            hover: true
            responsive: responsive

Default ( default )

Caption of the table
Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer
<div class="table-responsive"> <table class="table table-hover"> <caption>Caption of the table</caption> <thead > <tr> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> </tr> </thead> <tbody > <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div>

Active ( active )

Caption of the table
Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer
<div class="table-responsive"> <table class="table table-hover"> <caption>Caption of the table</caption> <thead > <tr> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> </tr> </thead> <tbody > <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div>

Primary ( primary )

Caption of the table
Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer
<div class="table-responsive"> <table class="table table-hover"> <caption>Caption of the table</caption> <thead > <tr> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> </tr> </thead> <tbody > <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div>

Secondary ( secondary )

Caption of the table
Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer
<div class="table-responsive"> <table class="table table-hover"> <caption>Caption of the table</caption> <thead > <tr> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> </tr> </thead> <tbody > <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div>

Success ( success )

Caption of the table
Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer
<div class="table-responsive"> <table class="table table-hover"> <caption>Caption of the table</caption> <thead > <tr> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> </tr> </thead> <tbody > <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div>

Danger ( danger )

Caption of the table
Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer
<div class="table-responsive"> <table class="table table-hover"> <caption>Caption of the table</caption> <thead > <tr> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> </tr> </thead> <tbody > <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div>

Warning ( warning )

Caption of the table
Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer
<div class="table-responsive"> <table class="table table-hover"> <caption>Caption of the table</caption> <thead > <tr> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> </tr> </thead> <tbody > <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div>

Info ( info )

Caption of the table
Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer
<div class="table-responsive"> <table class="table table-hover"> <caption>Caption of the table</caption> <thead > <tr> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> </tr> </thead> <tbody > <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div>

Light ( light )

Caption of the table
Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer
<div class="table-responsive"> <table class="table table-hover"> <caption>Caption of the table</caption> <thead > <tr> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> </tr> </thead> <tbody > <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div>

Dark ( dark )

Caption of the table
Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer
<div class="table-responsive"> <table class="table table-hover"> <caption>Caption of the table</caption> <thead > <tr> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> </tr> </thead> <tbody > <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div>

Small ( sm )

Caption of the table
Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer
<div class="table-responsive"> <table class="table table-hover"> <caption>Caption of the table</caption> <thead > <tr> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> </tr> </thead> <tbody > <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div>

Active small ( active__sm )

Caption of the table
Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer
<div class="table-responsive"> <table class="table table-hover"> <caption>Caption of the table</caption> <thead > <tr> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> </tr> </thead> <tbody > <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div>

Primary small ( primary__sm )

Caption of the table
Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer
<div class="table-responsive"> <table class="table table-hover"> <caption>Caption of the table</caption> <thead > <tr> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> </tr> </thead> <tbody > <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div>

Secondary small ( secondary__sm )

Caption of the table
Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer
<div class="table-responsive"> <table class="table table-hover"> <caption>Caption of the table</caption> <thead > <tr> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> </tr> </thead> <tbody > <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div>

Success small ( success__sm )

Caption of the table
Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer
<div class="table-responsive"> <table class="table table-hover"> <caption>Caption of the table</caption> <thead > <tr> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> </tr> </thead> <tbody > <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div>

Danger small ( danger__sm )

Caption of the table
Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer
<div class="table-responsive"> <table class="table table-hover"> <caption>Caption of the table</caption> <thead > <tr> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> </tr> </thead> <tbody > <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div>

Warning small ( warning__sm )

Caption of the table
Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer
<div class="table-responsive"> <table class="table table-hover"> <caption>Caption of the table</caption> <thead > <tr> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> </tr> </thead> <tbody > <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div>

Info small ( info__sm )

Caption of the table
Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer
<div class="table-responsive"> <table class="table table-hover"> <caption>Caption of the table</caption> <thead > <tr> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> </tr> </thead> <tbody > <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div>

Light small ( light__sm )

Caption of the table
Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer
<div class="table-responsive"> <table class="table table-hover"> <caption>Caption of the table</caption> <thead > <tr> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> </tr> </thead> <tbody > <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div>

Dark small ( dark__sm )

Caption of the table
Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header Header
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Cell 1 Cell 2 Cell 3 Cell 4 Cell 5 Cell 6 Cell 7 Cell 8 Cell 9 Cell 10 Cell 11 Cell 12 Cell 13 Cell 14 Cell 15 Cell 16 Cell 17 Cell 18 Cell 19 Cell 20
Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer Footer
<div class="table-responsive"> <table class="table table-hover"> <caption>Caption of the table</caption> <thead > <tr> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> <th>Header</th> </tr> </thead> <tbody > <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div>