Composition variations Various compositions of the table.
Copy Link
Caption
Title
Header
Header
Last check
Actions
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Footer
Footer
Footer
Footer
Footer
Show code
Title
Header
Header
Last check
Actions
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Footer
Footer
Footer
Footer
Footer
Show code
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Show code
Copy code <table class="table">
<caption>Caption</caption>
<thead>
<tr>
<th colspan="2">Title</th>
<th>Header</th>
<th>Header</th>
<th>Last check</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td rowspan="2" data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">
<ul class="radio-list flex flex--horizontal h-gap--s">
<li class="field field-type-radio inputsCheckable">
<input type="radio" id="radio_label_1_table_01" name="fav_language" value="Radio Label">
<label for="radio_label_1_table_01"><span class="field-content">Radio Label</span></label>
</li>
</ul>
</td>
<td data-label="Actions">
<div class="flex h-gap--xs">
<div class="toolbar">
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<div class="svg-icon svg-icon-add-circle-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="add-circle-1" clip-path="url(#clip0_3_3077)">
<path id="Vector" d="M6.00003 3.81604C4.43268 4.53369 3.10441 5.68637 2.17315 7.137C1.24189 8.58764 0.746826 10.2752 0.746826 11.999C0.746826 13.7229 1.24189 15.4104 2.17315 16.8611C3.10441 18.3117 4.43268 19.4644 6.00003 20.182" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M14.25 21C19.2206 21 23.25 16.9706 23.25 12C23.25 7.02944 19.2206 3 14.25 3C9.27944 3 5.25 7.02944 5.25 12C5.25 16.9706 9.27944 21 14.25 21Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_3" d="M14.25 7.5V16.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_4" d="M9.75 12H18.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_3077">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<span class="btn__label">Duplicate</span>
</span>
</button>
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<div class="svg-icon svg-icon-pencil-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="pencil-1" clip-path="url(#clip0_3_3313)">
<path id="Vector" d="M22.19 1.81002C21.8494 1.47086 21.4451 1.20254 21.0002 1.02057C20.5553 0.838601 20.0788 0.746585 19.5982 0.749839C19.1176 0.753094 18.6424 0.851554 18.2 1.03953C17.7577 1.22751 17.3569 1.50128 17.021 1.84502L2.521 16.345L0.75 23.25L7.655 21.479L22.155 6.97902C22.4987 6.64309 22.7725 6.24237 22.9605 5.80001C23.1485 5.35766 23.2469 4.88245 23.2502 4.40182C23.2534 3.92119 23.1614 3.44469 22.9795 2.99983C22.7975 2.55497 22.5292 2.15058 22.19 1.81002Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.606 2.26001L21.74 7.39401" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_3" d="M14.512 4.354L19.646 9.488" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_4" d="M2.521 16.345L7.66 21.474" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_3313">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<span class="btn__label">Edit</span>
</span>
</button>
</div>
<button type="button" class="btn btn--primary btn--icon btn--small input__button inputSearch__button">
<span class="btn__content">
<span class="u-sr-accessible">Delete</span>
<div class="svg-icon svg-icon-bin">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="bin"><path id="Vector" d="M17.25 21H6.75C6.35218 21 5.97064 20.842 5.68934 20.5607C5.40804 20.2794 5.25 19.8978 5.25 19.5V6H18.75V19.5C18.75 19.8978 18.592 20.2794 18.3107 20.5607C18.0294 20.842 17.6478 21 17.25 21Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M9.75 16.5V10.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_3" d="M14.25 16.5V10.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_4" d="M2.25 6H21.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_5" d="M14.25 3H9.75C9.35218 3 8.97064 3.15804 8.68934 3.43934C8.40804 3.72064 8.25 4.10218 8.25 4.5V6H15.75V4.5C15.75 4.10218 15.592 3.72064 15.3107 3.43934C15.0294 3.15804 14.6478 3 14.25 3Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g></svg> </div>
</span>
</button>
</div>
</td>
</tr>
<tr>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">
<ul class="radio-list flex flex--horizontal h-gap--s">
<li class="field field-type-radio inputsCheckable">
<input type="radio" id="radio_label_3_table_01" name="fav_language" value="Radio Label">
<label for="radio_label_3_table_01"><span class="field-content">Radio Label</span></label>
</li>
</ul>
</td>
<td data-label="Header">
<div class="toolbar">
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<span class="btn__label">Test</span>
</span>
</button>
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<span class="btn__label">Edit</span>
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
</span>
</button>
</div>
</td>
</tr>
<tr>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">
<ul class="radio-list flex flex--horizontal h-gap--s">
<li class="field field-type-radio inputsCheckable">
<input type="radio" id="radio_label_5_table_01" name="fav_language" value="Radio Label">
<label for="radio_label_5_table_01"><span class="field-content">Radio Label</span></label>
</li>
</ul>
</td>
<td data-label="Header">
<div class="toolbar">
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<span class="btn__label">Test</span>
</span>
</button>
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<span class="btn__label">Edit</span>
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
</span>
</button>
</div>
</td>
</tr>
<tr>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">
<ul class="radio-list flex flex--horizontal h-gap--s">
<li class="field field-type-radio inputsCheckable">
<input type="radio" id="radio_label_7_table_01" name="fav_language" value="Radio Label">
<label for="radio_label_7_table_01"><span class="field-content">Radio Label</span></label>
</li>
</ul>
</td>
<td data-label="Header">
<div class="toolbar">
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<span class="btn__label">Test</span>
</span>
</button>
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<span class="btn__label">Edit</span>
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
</span>
</button>
</div>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<th colspan="2">Footer</th>
<th>Footer</th>
<th>Footer</th>
<th>Footer</th>
<th>Footer</th>
</tr>
</tfoot>
</table>Copy code <table class="table">
<thead>
<tr>
<th colspan="2">Title</th>
<th>Header</th>
<th>Header</th>
<th>Last check</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td rowspan="2" data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">
<ul class="radio-list flex flex--horizontal h-gap--s">
<li class="field field-type-radio inputsCheckable">
<input type="radio" id="radio_label_1_table_02" name="fav_language" value="Radio Label">
<label for="radio_label_1_table_02"><span class="field-content">Radio Label</span></label>
</li>
</ul>
</td>
<td data-label="Actions">
<div class="flex h-gap--xs">
<div class="toolbar">
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<div class="svg-icon svg-icon-add-circle-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="add-circle-1" clip-path="url(#clip0_3_3077)">
<path id="Vector" d="M6.00003 3.81604C4.43268 4.53369 3.10441 5.68637 2.17315 7.137C1.24189 8.58764 0.746826 10.2752 0.746826 11.999C0.746826 13.7229 1.24189 15.4104 2.17315 16.8611C3.10441 18.3117 4.43268 19.4644 6.00003 20.182" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M14.25 21C19.2206 21 23.25 16.9706 23.25 12C23.25 7.02944 19.2206 3 14.25 3C9.27944 3 5.25 7.02944 5.25 12C5.25 16.9706 9.27944 21 14.25 21Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_3" d="M14.25 7.5V16.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_4" d="M9.75 12H18.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_3077">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<span class="btn__label">Duplicate</span>
</span>
</button>
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<div class="svg-icon svg-icon-pencil-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="pencil-1" clip-path="url(#clip0_3_3313)">
<path id="Vector" d="M22.19 1.81002C21.8494 1.47086 21.4451 1.20254 21.0002 1.02057C20.5553 0.838601 20.0788 0.746585 19.5982 0.749839C19.1176 0.753094 18.6424 0.851554 18.2 1.03953C17.7577 1.22751 17.3569 1.50128 17.021 1.84502L2.521 16.345L0.75 23.25L7.655 21.479L22.155 6.97902C22.4987 6.64309 22.7725 6.24237 22.9605 5.80001C23.1485 5.35766 23.2469 4.88245 23.2502 4.40182C23.2534 3.92119 23.1614 3.44469 22.9795 2.99983C22.7975 2.55497 22.5292 2.15058 22.19 1.81002Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.606 2.26001L21.74 7.39401" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_3" d="M14.512 4.354L19.646 9.488" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_4" d="M2.521 16.345L7.66 21.474" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_3313">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<span class="btn__label">Edit</span>
</span>
</button>
</div>
<button type="button" class="btn btn--primary btn--icon btn--small input__button inputSearch__button">
<span class="btn__content">
<span class="u-sr-accessible">Delete</span>
<div class="svg-icon svg-icon-bin">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="bin"><path id="Vector" d="M17.25 21H6.75C6.35218 21 5.97064 20.842 5.68934 20.5607C5.40804 20.2794 5.25 19.8978 5.25 19.5V6H18.75V19.5C18.75 19.8978 18.592 20.2794 18.3107 20.5607C18.0294 20.842 17.6478 21 17.25 21Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M9.75 16.5V10.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_3" d="M14.25 16.5V10.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_4" d="M2.25 6H21.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_5" d="M14.25 3H9.75C9.35218 3 8.97064 3.15804 8.68934 3.43934C8.40804 3.72064 8.25 4.10218 8.25 4.5V6H15.75V4.5C15.75 4.10218 15.592 3.72064 15.3107 3.43934C15.0294 3.15804 14.6478 3 14.25 3Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g></svg> </div>
</span>
</button>
</div>
</td>
</tr>
<tr>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">
<ul class="radio-list flex flex--horizontal h-gap--s">
<li class="field field-type-radio inputsCheckable">
<input type="radio" id="radio_label_3_table_02" name="fav_language" value="Radio Label">
<label for="radio_label_3_table_02"><span class="field-content">Radio Label</span></label>
</li>
</ul>
</td>
<td data-label="Header">
<div class="toolbar">
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<span class="btn__label">Test</span>
</span>
</button>
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<span class="btn__label">Edit</span>
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
</span>
</button>
</div>
</td>
</tr>
<tr>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">
<ul class="radio-list flex flex--horizontal h-gap--s">
<li class="field field-type-radio inputsCheckable">
<input type="radio" id="radio_label_5_table_02" name="fav_language" value="Radio Label">
<label for="radio_label_5_table_02"><span class="field-content">Radio Label</span></label>
</li>
</ul>
</td>
<td data-label="Header">
<div class="toolbar">
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<span class="btn__label">Test</span>
</span>
</button>
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<span class="btn__label">Edit</span>
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
</span>
</button>
</div>
</td>
</tr>
<tr>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">
<ul class="radio-list flex flex--horizontal h-gap--s">
<li class="field field-type-radio inputsCheckable">
<input type="radio" id="radio_label_7_table_02" name="fav_language" value="Radio Label">
<label for="radio_label_7_table_02"><span class="field-content">Radio Label</span></label>
</li>
</ul>
</td>
<td data-label="Header">
<div class="toolbar">
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<span class="btn__label">Test</span>
</span>
</button>
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<span class="btn__label">Edit</span>
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
</span>
</button>
</div>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<th colspan="2">Footer</th>
<th>Footer</th>
<th>Footer</th>
<th>Footer</th>
<th>Footer</th>
</tr>
</tfoot>
</table>Copy code <table class="table">
<tbody>
<tr>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td rowspan="2" data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">
<ul class="radio-list flex flex--horizontal h-gap--s">
<li class="field field-type-radio inputsCheckable">
<input type="radio" id="radio_label_1_table_03" name="fav_language" value="Radio Label">
<label for="radio_label_1_table_03"><span class="field-content">Radio Label</span></label>
</li>
</ul>
</td>
<td data-label="Actions">
<div class="flex h-gap--xs">
<div class="toolbar">
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<div class="svg-icon svg-icon-add-circle-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="add-circle-1" clip-path="url(#clip0_3_3077)">
<path id="Vector" d="M6.00003 3.81604C4.43268 4.53369 3.10441 5.68637 2.17315 7.137C1.24189 8.58764 0.746826 10.2752 0.746826 11.999C0.746826 13.7229 1.24189 15.4104 2.17315 16.8611C3.10441 18.3117 4.43268 19.4644 6.00003 20.182" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M14.25 21C19.2206 21 23.25 16.9706 23.25 12C23.25 7.02944 19.2206 3 14.25 3C9.27944 3 5.25 7.02944 5.25 12C5.25 16.9706 9.27944 21 14.25 21Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_3" d="M14.25 7.5V16.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_4" d="M9.75 12H18.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_3077">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<span class="btn__label">Duplicate</span>
</span>
</button>
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<div class="svg-icon svg-icon-pencil-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="pencil-1" clip-path="url(#clip0_3_3313)">
<path id="Vector" d="M22.19 1.81002C21.8494 1.47086 21.4451 1.20254 21.0002 1.02057C20.5553 0.838601 20.0788 0.746585 19.5982 0.749839C19.1176 0.753094 18.6424 0.851554 18.2 1.03953C17.7577 1.22751 17.3569 1.50128 17.021 1.84502L2.521 16.345L0.75 23.25L7.655 21.479L22.155 6.97902C22.4987 6.64309 22.7725 6.24237 22.9605 5.80001C23.1485 5.35766 23.2469 4.88245 23.2502 4.40182C23.2534 3.92119 23.1614 3.44469 22.9795 2.99983C22.7975 2.55497 22.5292 2.15058 22.19 1.81002Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.606 2.26001L21.74 7.39401" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_3" d="M14.512 4.354L19.646 9.488" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_4" d="M2.521 16.345L7.66 21.474" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_3313">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<span class="btn__label">Edit</span>
</span>
</button>
</div>
<button type="button" class="btn btn--primary btn--icon btn--small input__button inputSearch__button">
<span class="btn__content">
<span class="u-sr-accessible">Delete</span>
<div class="svg-icon svg-icon-bin">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="bin"><path id="Vector" d="M17.25 21H6.75C6.35218 21 5.97064 20.842 5.68934 20.5607C5.40804 20.2794 5.25 19.8978 5.25 19.5V6H18.75V19.5C18.75 19.8978 18.592 20.2794 18.3107 20.5607C18.0294 20.842 17.6478 21 17.25 21Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M9.75 16.5V10.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_3" d="M14.25 16.5V10.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_4" d="M2.25 6H21.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_5" d="M14.25 3H9.75C9.35218 3 8.97064 3.15804 8.68934 3.43934C8.40804 3.72064 8.25 4.10218 8.25 4.5V6H15.75V4.5C15.75 4.10218 15.592 3.72064 15.3107 3.43934C15.0294 3.15804 14.6478 3 14.25 3Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g></svg> </div>
</span>
</button>
</div>
</td>
</tr>
<tr>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">
<ul class="radio-list flex flex--horizontal h-gap--s">
<li class="field field-type-radio inputsCheckable">
<input type="radio" id="radio_label_3_table_03" name="fav_language" value="Radio Label">
<label for="radio_label_3_table_03"><span class="field-content">Radio Label</span></label>
</li>
</ul>
</td>
<td data-label="Header">
<div class="toolbar">
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<span class="btn__label">Test</span>
</span>
</button>
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<span class="btn__label">Edit</span>
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
</span>
</button>
</div>
</td>
</tr>
<tr>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">
<ul class="radio-list flex flex--horizontal h-gap--s">
<li class="field field-type-radio inputsCheckable">
<input type="radio" id="radio_label_5_table_03" name="fav_language" value="Radio Label">
<label for="radio_label_5_table_03"><span class="field-content">Radio Label</span></label>
</li>
</ul>
</td>
<td data-label="Header">
<div class="toolbar">
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<span class="btn__label">Test</span>
</span>
</button>
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<span class="btn__label">Edit</span>
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
</span>
</button>
</div>
</td>
</tr>
<tr>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">
<ul class="radio-list flex flex--horizontal h-gap--s">
<li class="field field-type-radio inputsCheckable">
<input type="radio" id="radio_label_7_table_03" name="fav_language" value="Radio Label">
<label for="radio_label_7_table_03"><span class="field-content">Radio Label</span></label>
</li>
</ul>
</td>
<td data-label="Header">
<div class="toolbar">
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<span class="btn__label">Test</span>
</span>
</button>
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<span class="btn__label">Edit</span>
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
</span>
</button>
</div>
</td>
</tr>
</tbody>
</table>
Design variations Copy Link
Caption
Title
Header
Header
Last check
Actions
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Footer
Footer
Footer
Footer
Footer
Show code
Caption
Title
Header
Header
Last check
Actions
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Data
Footer
Footer
Footer
Footer
Footer
Show code
Copy code <table class="table table--bordered">
<caption>Caption</caption>
<thead>
<tr>
<th colspan="2">Title</th>
<th>Header</th>
<th>Header</th>
<th>Last check</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td rowspan="2" data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">
<ul class="radio-list flex flex--horizontal h-gap--s">
<li class="field field-type-radio inputsCheckable">
<input type="radio" id="radio_label_1_table_04" name="fav_language" value="Radio Label">
<label for="radio_label_1_table_04"><span class="field-content">Radio Label</span></label>
</li>
</ul>
</td>
<td data-label="Actions">
<div class="flex h-gap--xs">
<div class="toolbar">
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<div class="svg-icon svg-icon-add-circle-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="add-circle-1" clip-path="url(#clip0_3_3077)">
<path id="Vector" d="M6.00003 3.81604C4.43268 4.53369 3.10441 5.68637 2.17315 7.137C1.24189 8.58764 0.746826 10.2752 0.746826 11.999C0.746826 13.7229 1.24189 15.4104 2.17315 16.8611C3.10441 18.3117 4.43268 19.4644 6.00003 20.182" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M14.25 21C19.2206 21 23.25 16.9706 23.25 12C23.25 7.02944 19.2206 3 14.25 3C9.27944 3 5.25 7.02944 5.25 12C5.25 16.9706 9.27944 21 14.25 21Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_3" d="M14.25 7.5V16.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_4" d="M9.75 12H18.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_3077">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<span class="btn__label">Duplicate</span>
</span>
</button>
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<div class="svg-icon svg-icon-pencil-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="pencil-1" clip-path="url(#clip0_3_3313)">
<path id="Vector" d="M22.19 1.81002C21.8494 1.47086 21.4451 1.20254 21.0002 1.02057C20.5553 0.838601 20.0788 0.746585 19.5982 0.749839C19.1176 0.753094 18.6424 0.851554 18.2 1.03953C17.7577 1.22751 17.3569 1.50128 17.021 1.84502L2.521 16.345L0.75 23.25L7.655 21.479L22.155 6.97902C22.4987 6.64309 22.7725 6.24237 22.9605 5.80001C23.1485 5.35766 23.2469 4.88245 23.2502 4.40182C23.2534 3.92119 23.1614 3.44469 22.9795 2.99983C22.7975 2.55497 22.5292 2.15058 22.19 1.81002Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.606 2.26001L21.74 7.39401" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_3" d="M14.512 4.354L19.646 9.488" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_4" d="M2.521 16.345L7.66 21.474" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_3313">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<span class="btn__label">Edit</span>
</span>
</button>
</div>
<button type="button" class="btn btn--primary btn--icon btn--small input__button inputSearch__button">
<span class="btn__content">
<span class="u-sr-accessible">Delete</span>
<div class="svg-icon svg-icon-bin">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="bin"><path id="Vector" d="M17.25 21H6.75C6.35218 21 5.97064 20.842 5.68934 20.5607C5.40804 20.2794 5.25 19.8978 5.25 19.5V6H18.75V19.5C18.75 19.8978 18.592 20.2794 18.3107 20.5607C18.0294 20.842 17.6478 21 17.25 21Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M9.75 16.5V10.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_3" d="M14.25 16.5V10.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_4" d="M2.25 6H21.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_5" d="M14.25 3H9.75C9.35218 3 8.97064 3.15804 8.68934 3.43934C8.40804 3.72064 8.25 4.10218 8.25 4.5V6H15.75V4.5C15.75 4.10218 15.592 3.72064 15.3107 3.43934C15.0294 3.15804 14.6478 3 14.25 3Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g></svg> </div>
</span>
</button>
</div>
</td>
</tr>
<tr>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">
<ul class="radio-list flex flex--horizontal h-gap--s">
<li class="field field-type-radio inputsCheckable">
<input type="radio" id="radio_label_3_table_04" name="fav_language" value="Radio Label">
<label for="radio_label_3_table_04"><span class="field-content">Radio Label</span></label>
</li>
</ul>
</td>
<td data-label="Header">
<div class="toolbar">
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<span class="btn__label">Test</span>
</span>
</button>
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<span class="btn__label">Edit</span>
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
</span>
</button>
</div>
</td>
</tr>
<tr>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">
<ul class="radio-list flex flex--horizontal h-gap--s">
<li class="field field-type-radio inputsCheckable">
<input type="radio" id="radio_label_5_table_04" name="fav_language" value="Radio Label">
<label for="radio_label_5_table_04"><span class="field-content">Radio Label</span></label>
</li>
</ul>
</td>
<td data-label="Header">
<div class="toolbar">
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<span class="btn__label">Test</span>
</span>
</button>
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<span class="btn__label">Edit</span>
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
</span>
</button>
</div>
</td>
</tr>
<tr>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">
<ul class="radio-list flex flex--horizontal h-gap--s">
<li class="field field-type-radio inputsCheckable">
<input type="radio" id="radio_label_7_table_04" name="fav_language" value="Radio Label">
<label for="radio_label_7_table_04"><span class="field-content">Radio Label</span></label>
</li>
</ul>
</td>
<td data-label="Header">
<div class="toolbar">
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<span class="btn__label">Test</span>
</span>
</button>
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<span class="btn__label">Edit</span>
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
</span>
</button>
</div>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<th colspan="2">Footer</th>
<th>Footer</th>
<th>Footer</th>
<th>Footer</th>
<th>Footer</th>
</tr>
</tfoot>
</table>Copy code <table class="table table--pyjama">
<caption>Caption</caption>
<thead>
<tr>
<th colspan="2">Title</th>
<th>Header</th>
<th>Header</th>
<th>Last check</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td rowspan="2" data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">
<ul class="radio-list flex flex--horizontal h-gap--s">
<li class="field field-type-radio inputsCheckable">
<input type="radio" id="radio_label_1_table_05" name="fav_language" value="Radio Label">
<label for="radio_label_1_table_05"><span class="field-content">Radio Label</span></label>
</li>
</ul>
</td>
<td data-label="Actions">
<div class="flex h-gap--xs">
<div class="toolbar">
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<div class="svg-icon svg-icon-add-circle-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="add-circle-1" clip-path="url(#clip0_3_3077)">
<path id="Vector" d="M6.00003 3.81604C4.43268 4.53369 3.10441 5.68637 2.17315 7.137C1.24189 8.58764 0.746826 10.2752 0.746826 11.999C0.746826 13.7229 1.24189 15.4104 2.17315 16.8611C3.10441 18.3117 4.43268 19.4644 6.00003 20.182" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M14.25 21C19.2206 21 23.25 16.9706 23.25 12C23.25 7.02944 19.2206 3 14.25 3C9.27944 3 5.25 7.02944 5.25 12C5.25 16.9706 9.27944 21 14.25 21Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_3" d="M14.25 7.5V16.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_4" d="M9.75 12H18.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_3077">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<span class="btn__label">Duplicate</span>
</span>
</button>
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<div class="svg-icon svg-icon-pencil-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="pencil-1" clip-path="url(#clip0_3_3313)">
<path id="Vector" d="M22.19 1.81002C21.8494 1.47086 21.4451 1.20254 21.0002 1.02057C20.5553 0.838601 20.0788 0.746585 19.5982 0.749839C19.1176 0.753094 18.6424 0.851554 18.2 1.03953C17.7577 1.22751 17.3569 1.50128 17.021 1.84502L2.521 16.345L0.75 23.25L7.655 21.479L22.155 6.97902C22.4987 6.64309 22.7725 6.24237 22.9605 5.80001C23.1485 5.35766 23.2469 4.88245 23.2502 4.40182C23.2534 3.92119 23.1614 3.44469 22.9795 2.99983C22.7975 2.55497 22.5292 2.15058 22.19 1.81002Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.606 2.26001L21.74 7.39401" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_3" d="M14.512 4.354L19.646 9.488" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_4" d="M2.521 16.345L7.66 21.474" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_3313">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<span class="btn__label">Edit</span>
</span>
</button>
</div>
<button type="button" class="btn btn--primary btn--icon btn--small input__button inputSearch__button">
<span class="btn__content">
<span class="u-sr-accessible">Delete</span>
<div class="svg-icon svg-icon-bin">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="bin"><path id="Vector" d="M17.25 21H6.75C6.35218 21 5.97064 20.842 5.68934 20.5607C5.40804 20.2794 5.25 19.8978 5.25 19.5V6H18.75V19.5C18.75 19.8978 18.592 20.2794 18.3107 20.5607C18.0294 20.842 17.6478 21 17.25 21Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M9.75 16.5V10.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_3" d="M14.25 16.5V10.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_4" d="M2.25 6H21.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_5" d="M14.25 3H9.75C9.35218 3 8.97064 3.15804 8.68934 3.43934C8.40804 3.72064 8.25 4.10218 8.25 4.5V6H15.75V4.5C15.75 4.10218 15.592 3.72064 15.3107 3.43934C15.0294 3.15804 14.6478 3 14.25 3Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g></svg> </div>
</span>
</button>
</div>
</td>
</tr>
<tr>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">
<ul class="radio-list flex flex--horizontal h-gap--s">
<li class="field field-type-radio inputsCheckable">
<input type="radio" id="radio_label_3_table_05" name="fav_language" value="Radio Label">
<label for="radio_label_3_table_05"><span class="field-content">Radio Label</span></label>
</li>
</ul>
</td>
<td data-label="Header">
<div class="toolbar">
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<span class="btn__label">Test</span>
</span>
</button>
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<span class="btn__label">Edit</span>
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
</span>
</button>
</div>
</td>
</tr>
<tr>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">
<ul class="radio-list flex flex--horizontal h-gap--s">
<li class="field field-type-radio inputsCheckable">
<input type="radio" id="radio_label_5_table_05" name="fav_language" value="Radio Label">
<label for="radio_label_5_table_05"><span class="field-content">Radio Label</span></label>
</li>
</ul>
</td>
<td data-label="Header">
<div class="toolbar">
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<span class="btn__label">Test</span>
</span>
</button>
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<span class="btn__label">Edit</span>
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
</span>
</button>
</div>
</td>
</tr>
<tr>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">Data</td>
<td data-label="Header">
<ul class="radio-list flex flex--horizontal h-gap--s">
<li class="field field-type-radio inputsCheckable">
<input type="radio" id="radio_label_7_table_05" name="fav_language" value="Radio Label">
<label for="radio_label_7_table_05"><span class="field-content">Radio Label</span></label>
</li>
</ul>
</td>
<td data-label="Header">
<div class="toolbar">
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
<span class="btn__label">Test</span>
</span>
</button>
<button type="button" class="btn btn--primary btn--small input__button inputSearch__button">
<span class="btn__content">
<span class="btn__label">Edit</span>
<div class="svg-icon svg-icon-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="search" clip-path="url(#clip0_3_2310)">
<path id="Vector" d="M13.3579 18.153C17.9645 16.1953 20.1118 10.8738 18.1541 6.26719C16.1963 1.66059 10.8748 -0.486726 6.26824 1.47103C1.66163 3.42879 -0.485677 8.75026 1.47208 13.3569C3.42984 17.9635 8.75131 20.1108 13.3579 18.153Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M16.2209 16.22L23.2499 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_2310">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
</span>
</button>
</div>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<th colspan="2">Footer</th>
<th>Footer</th>
<th>Footer</th>
<th>Footer</th>
<th>Footer</th>
</tr>
</tfoot>
</table>