About
Themes
Table
Table description
Table
ready
		<table class="pow-table">
    <caption class="visuallyhidden">Table caption for accessibility</caption>
    <thead>
        <tr>
            <th id="colonne1" class="pow-padding-sm pow-border-bottom-black100 pow-border-bottom-sm pow-font-bold align-left pow-text-size-md" style="width: 1px;"></th>
            <th id="colonne2" class="pow-padding-sm pow-border-bottom-black100 pow-border-bottom-sm pow-font-bold align-left pow-text-size-md">Header colonne 2</th>
            <th id="colonne3" class="pow-padding-sm pow-border-bottom-black100 pow-border-bottom-sm pow-font-bold align-left pow-text-size-md">Header colonne 3</th>
            <th id="colonne4" class="pow-padding-sm pow-border-bottom-black100 pow-border-bottom-sm pow-font-bold align-left pow-text-size-md">Header colonne 4</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td id="line1" headers="colonne1">
                <div class="pow-media-sm pow-flex-no-shrink pow-border-radius">                
                    <div class="initials-container pow-flexbox pow-flex-align-items-center pow-background-black200" style="max-width: 100%; max-height: 100%; background-color: rgb(237, 90, 108);">
                        <span class="initials pow-width-100 pow-text-align-center pow-font-bold pow-color-white">TA</span>
                    </div>                
                </div>
            </td>
            <td headers="colonne2" class="pow-padding-left-sm pow-padding-right-sm pow-border-bottom-black100 pow-border-bottom-sm align-left pow-font-regular pow-text-size-md">Row column 2</td>
            <td headers="colonne3" class="pow-padding-left-sm pow-padding-right-sm pow-border-bottom-black100 pow-border-bottom-sm align-left pow-font-regular pow-text-size-md">Row column 3</td>
            <td headers="colonne4" class="pow-padding-left-sm pow-padding-right-sm pow-border-bottom-black100 pow-border-bottom-sm align-left pow-font-regular pow-text-size-md">Row column 4</td>
        </tr>
        <tr>
            <td id="line2" headers="colonne1">
                <div class="pow-media-sm pow-flex-no-shrink pow-border-radius">                
                    <div class="initials-container pow-flexbox pow-flex-align-items-center pow-background-black200" style="max-width: 100%; max-height: 100%; background-color: rgb(237, 90, 108);">
                        <span class="initials pow-width-100 pow-text-align-center pow-font-bold pow-color-white">TA</span>
                    </div>                
                </div>
            </td>
            <td headers="colonne2" class="pow-padding-left-sm pow-padding-right-sm pow-border-bottom-black100 pow-border-bottom-sm align-left pow-font-regular pow-text-size-md">Row column 2</td>
            <td headers="colonne3" class="pow-padding-left-sm pow-padding-right-sm pow-border-bottom-black100 pow-border-bottom-sm align-left pow-font-regular pow-text-size-md">Row column 3</td>
            <td headers="colonne4" class="pow-padding-left-sm pow-padding-right-sm pow-border-bottom-black100 pow-border-bottom-sm align-left pow-font-regular pow-text-size-md">Row column 4</td>
        </tr>
        <tr>
            <td id="line3" headers="colonne1">
                <div class="pow-media-sm pow-flex-no-shrink pow-border-radius">                
                    <div class="initials-container pow-flexbox pow-flex-align-items-center pow-background-black200" style="max-width: 100%; max-height: 100%; background-color: rgb(237, 90, 108);">
                        <span class="initials pow-width-100 pow-text-align-center pow-font-bold pow-color-white">TA</span>
                    </div>                
                </div>
            </td>
            <td headers="colonne2" class="pow-padding-left-sm pow-padding-right-sm pow-border-bottom-black100 pow-border-bottom-sm align-left pow-font-regular pow-text-size-md">Row column 2</td>
            <td headers="colonne3" class="pow-padding-left-sm pow-padding-right-sm pow-border-bottom-black100 pow-border-bottom-sm align-left pow-font-regular pow-text-size-md">Row column 3</td>
            <td headers="colonne4" class="pow-padding-left-sm pow-padding-right-sm pow-border-bottom-black100 pow-border-bottom-sm align-left pow-font-regular pow-text-size-md">Row column 4</td>
        </tr>
    </tbody>
</table>