---
title: Invitations - Done
slug: invitations-done
docTags: 
createdAt: 2025-01-22T22:57:33.563Z
---

#  HTML

```html
<h2>Invitations</h2>
<div class="h3-wrapper">
    <h3>Pending Invitations</h3>
</div>
<div class="subheading">View and manage invites you’ve sent that haven’t been accepted yet.</div>
<form id="pending-invitations-form" name="pending-invitations-form" data-name="pending-invitations-form" method="get">
    <div class="table-outline">
        <div class="table-scroll-container">
            <table class="table">
                <thead class="table-head">
                    <tr class="table-header-row">
                        <th class="table-checkbox-column">
                            <label for="select-all-pending" class="w-checkbox table-checkbox-field">
                                <input type="checkbox" id="select-all-pending" name="select-all-pending" class="w-checkbox-input" aria-label="Select all pending invitations">
                                <span class="custom-checkbox"></span>
                            </label>
                        </th>
                        <th>
                            <div class="table-cell-content">
                                <div class="table-heading">Email Address</div>
                                <button type="button" class="table-sort-button w-embed" aria-label="Sort by Email Address" aria-pressed="false">
                                    <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                                        <defs>
                                            <style>.cls-1{fill:none;}</style>
                                        </defs>
                                        <polygon points="16 28 9 21 10.41 19.59 16 25.17 21.59 19.59 23 21 16 28">
                                            <polygon points="16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4">
                                                <rect class="cls-1"></rect>
                                            </polygon>
                                        </polygon>
                                    </svg>
                                </button>
                            </div>
                        </th>
                        <th>
                            <div class="table-cell-content">
                                <div class="table-heading">Invited</div>
                                <button type="button" class="table-sort-button w-embed" aria-label="Sort by Invited Date" aria-pressed="false">
                                    <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                                        <defs>
                                            <style>.cls-1{fill:none;}</style>
                                        </defs>
                                        <title>Sort by Invited</title>
                                        <polygon points="16 28 9 21 10.41 19.59 16 25.17 21.59 19.59 23 21 16 28">
                                            <polygon points="16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4">
                                                <rect class="cls-1"></rect>
                                            </polygon>
                                        </polygon>
                                    </svg>
                                </button>
                            </div>
                        </th>
                        <th class="action-column">
                            <div class="table-header-icon-container">
                                <a data-tippy-content="Invite a New User" href="#" class="table-header-button w-inline-block" aria-label="Invite a New User">
                                    <div class="table-button-icon w-embed">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus" aria-hidden="true">
                                            <line x1="12" y1="5" x2="12" y2="19"></line>
                                            <line x1="5" y1="12" x2="19" y2="12"></line>
                                        </svg>
                                    </div>
                                </a>
                                <div data-delay="0" data-hover="false" class="table-menu-container w-dropdown">
                                    <button type="button" class="table-menu-button w-dropdown-toggle" aria-haspopup="true" aria-expanded="false" aria-label="Table Options">
                                        <div class="table-header-button">
                                            <div class="table-button-icon w-embed">
                                                <svg version="1.1" fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32px" height="32px" viewBox="0 0 32 32" aria-hidden="true">
                                                    <circle cx="16" cy="8" r="2"></circle>
                                                    <circle cx="16" cy="16" r="2"></circle>
                                                    <circle cx="16" cy="24" r="2"></circle>
                                                </svg>
                                            </div>
                                        </div>
                                    </button>
                                    <nav class="table-menu w-dropdown-list" id="table-menu-list" role="menu" aria-label="Table Options Menu">
                                        <button class="table-menu-item w-inline-block" aria-label="Delete Selected Invitations">
                                            <span class="table-menu-item-icon w-embed">
                                                <!-- Cancel Icon SVG -->
                                                <svg xmlns="http://www.w3.org/2000/svg" height="40px" viewBox="0 -960 960 960" width="40px" fill="currentColor" aria-hidden="true">
                                                    <path d="m332-285.33 148-148 148 148L674.67-332l-148-148 148-148L628-674.67l-148 148-148-148L285.33-628l148 148-148 148L332-285.33ZM480-80q-82.33 0-155.33-31.5-73-31.5-127.34-85.83Q143-251.67 111.5-324.67T80-480q0-83 31.5-156t85.83-127q54.34-54 127.34-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82.33-31.5 155.33-31.5 73-85.5 127.34Q709-143 636-111.5T480-80Zm0-66.67q139.33 0 236.33-97.33t97-236q0-139.33-97-236.33t-236.33-97q-138.67 0-236 97-97.33 97-97.33 236.33 0 138.67 97.33 236 97.33 97.33 236 97.33ZM480-480Z"></path>
                                                </svg>
                                            </span>
                                            <span class="table-menu-item-text">Cancel Selected</span>
                                        </button>
                                        <button class="table-menu-item w-inline-block" aria-label="Export Pending Invitations to CSV">
                                            <span class="table-menu-item-icon w-embed">
                                                <!-- Export Icon SVG -->
                                                <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" aria-hidden="true">
                                                    <polygon points="5 18 5 20 10.586 20 3 27.586 4.414 29 12 21.414 12 27 14 27 14 18 5 18"></polygon>
                                                    <path d="M27,3H5A2,2,0,0,0,3,5V15H5V11H15v4h2V11H27v7H17v2H27v7H17v2H27a2,2,0,0,0,2-2V5A2,2,0,0,0,27,3Zm0,6H5V5H27Z"></path>
                                                </svg>
                                            </span>
                                            <span class="table-menu-item-text">Export to CSV</span>
                                        </button>
                                    </nav>
                                </div>
                            </div>
                        </th>
                    </tr>
                    <tr class="table-filter-row">
                        <th class="table-checkbox-column">&nbsp;</th>
                        <th>
                            <div class="table-filter-cell-content">
                                <label for="PendingInvitationsEmailFilter" class="visually-hidden">Filter by Email Address</label>
                                <input class="input-filter w-input" maxlength="256" name="PendingInvitationsEmailFilter" data-name="PendingInvitationsEmailFilter" placeholder="Filter" type="text" id="PendingInvitationsEmailFilter" aria-label="Filter by Email Address">
                            </div>
                        </th>
                        <th>
                            <div class="table-filter-cell-content">
                                <div class="date-filter">
                                    <label for="PendingInvitationsDateFilter" class="visually-hidden">Filter by Invited Date</label>
                                    <input class="input-filter date-picker w-input" maxlength="256" name="PendingInvitationsDateFilter" data-name="PendingInvitationsDateFilter" placeholder="Filter" type="text" id="PendingInvitationsDateFilter" data-datepicker="daterange" aria-label="Filter by Invited Date">
                                    <button id="pending-date-filter-button" class="date-filter-icon-container" aria-label="Toggle Date Filter">
                                        <div class="date-filter-icon w-embed">
                                            <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="32" height="32" viewBox="0 0 32 32" aria-hidden="true">
                                                <path d="M26,4H22V2H20V4H12V2H10V4H6A2.0025,2.0025,0,0,0,4,6V26a2.0025,2.0025,0,0,0,2,2H26a2.0025,2.0025,0,0,0,2-2V6A2.0025,2.0025,0,0,0,26,4ZM6,6h4V8h2V6h8V8h2V6h4l0,4H6Zm0,6h5v6H6ZM19,26H13V20h6Zm0-8H13V12h6Zm2,8V20h5l.0012,6Z"></path>
                                            </svg>
                                        </div>
                                    </button>
                                </div>
                            </div>
                        </th>
                        <th class="action-column">&nbsp;</th>
                    </tr>
                </thead>
                <tbody class="table-body">
                    <tr class="table-row">
                        <td class="table-checkbox-column">
                            <label for="select-pending-1" class="w-checkbox table-checkbox-field">
                                <input type="checkbox" id="select-pending-1" name="select-pending[]" class="w-checkbox-input" aria-label="Select invitation clintb@avengers.com">
                                <span class="custom-checkbox"></span>
                            </label>
                        </td>
                        <td class="table-cell">
                            <div class="table-cell-content">
                                <div class="table-cell-left">
                                    <div class="table-data">clintb@avengers.com</div>
                                </div>
                            </div>
                        </td>
                        <td class="table-cell">
                            <div class="table-cell-content">
                                <div class="table-cell-left">
                                    <div class="table-data">Nov 25, 2024</div>
                                </div>
                            </div>
                        </td>
                        <td class="action-column">
                            <div class="table-row-action-button-container">
                                <button type="button" data-tippy-content="Resend Invitation" class="table-row-action-button" aria-label="Resend invitation to clintb@avengers.com">
                                    <div class="table-row-action-button-icon w-embed">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor" height="32" width="32" aria-hidden="true">
                                            <path d="M480-462 140-685v465h390v60H140q-24 0-42-18t-18-42v-520q0-24 18-42t42-18h680q24 0 42 18t18 42v310h-60v-255L480-462Zm0-60 340-218H140l340 218ZM774-44l-42-42 73-74H590v-60h215l-74-74 43-42 146 146L774-44ZM140-685v499-244 4-314 55Z"></path>
                                        </svg>
                                    </div>
                                </button>
                                <button type="button" data-tippy-content="Cancel Invitation" class="table-row-action-button danger" aria-label="Cancel invitation to clintb@avengers.com">
                                    <div class="table-row-action-button-icon w-embed">
                                        <svg xmlns="http://www.w3.org/2000/svg" height="40px" viewBox="0 -960 960 960" width="40px" fill="currentColor" aria-hidden="true">
                                            <path d="m332-285.33 148-148 148 148L674.67-332l-148-148 148-148L628-674.67l-148 148-148-148L285.33-628l148 148-148 148L332-285.33ZM480-80q-82.33 0-155.33-31.5-73-31.5-127.34-85.83Q143-251.67 111.5-324.67T80-480q0-83 31.5-156t85.83-127q54.34-54 127.34-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82.33-31.5 155.33-31.5 73-85.5 127.34Q709-143 636-111.5T480-80Zm0-66.67q139.33 0 236.33-97.33t97-236q0-139.33-97-236.33t-236.33-97q-138.67 0-236 97-97.33 97-97.33 236.33 0 138.67 97.33 236 97.33 97.33 236 97.33ZM480-480Z"></path>
                                        </svg>
                                    </div>
                                </button>
                            </div>
                        </td>
                    </tr>
                    <tr class="table-row last-row">
                        <td class="table-checkbox-column">
                            <label for="select-pending-2" class="w-checkbox table-checkbox-field">
                                <input type="checkbox" id="select-pending-2" name="select-pending[]" class="w-checkbox-input" aria-label="Select invitation happyh@avengers.com">
                                <span class="custom-checkbox"></span>
                            </label>
                        </td>
                        <td class="table-cell">
                            <div class="table-cell-content">
                                <div class="table-cell-left">
                                    <div class="table-data overflow">happyh@avengers.com</div>
                                </div>
                            </div>
                        </td>
                        <td class="table-cell">
                            <div class="table-cell-content">
                                <div class="table-cell-left">
                                    <div class="table-data">Nov 25, 2024</div>
                                </div>
                            </div>
                        </td>
                        <td class="action-column">
                            <div class="table-row-action-button-container">
                                <button type="button" data-tippy-content="Resend Invitation" class="table-row-action-button" aria-label="Resend invitation to happyh@avengers.com">
                                    <div class="table-row-action-button-icon w-embed">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor" height="32" width="32" aria-hidden="true">
                                            <path d="M480-462 140-685v465h390v60H140q-24 0-42-18t-18-42v-520q0-24 18-42t42-18h680q24 0 42 18t18 42v310h-60v-255L480-462Zm0-60 340-218H140l340 218ZM774-44l-42-42 73-74H590v-60h215l-74-74 43-42 146 146L774-44ZM140-685v499-244 4-314 55Z"></path>
                                        </svg>
                                    </div>
                                </button>
                                <button type="button" data-tippy-content="Cancel Invitation" class="table-row-action-button danger" aria-label="Cancel invitation to happyh@avengers.com">
                                    <div class="table-row-action-button-icon w-embed">
                                        <svg xmlns="http://www.w3.org/2000/svg" height="40px" viewBox="0 -960 960 960" width="40px" fill="currentColor" aria-hidden="true">
                                            <path d="m332-285.33 148-148 148 148L674.67-332l-148-148 148-148L628-674.67l-148 148-148-148L285.33-628l148 148-148 148L332-285.33ZM480-80q-82.33 0-155.33-31.5-73-31.5-127.34-85.83Q143-251.67 111.5-324.67T80-480q0-83 31.5-156t85.83-127q54.34-54 127.34-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82.33-31.5 155.33-31.5 73-85.5 127.34Q709-143 636-111.5T480-80Zm0-66.67q139.33 0 236.33-97.33t97-236q0-139.33-97-236.33t-236.33-97q-138.67 0-236 97-97.33 97-97.33 236.33 0 138.67 97.33 236 97.33 97.33 236 97.33ZM480-480Z"></path>
                                        </svg>
                                    </div>
                                </button>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="table-pagination">
            <div class="pagination-left">
                <div class="items-per-page-container">
                    <label for="items-per-page-pending" class="visually-hidden">Items per page</label>
                    <span>Items per page:</span>
                    <select id="items-per-page-pending" name="items-per-page-pending" class="dropdown w-dropdown" aria-label="Items per page">
                        <option value="10" selected>10</option>
                        <option value="25">25</option>
                        <option value="50">50</option>
                        <option value="100">100</option>
                    </select>
                </div>
                <div class="paginaton-total-items">
                    <span>1–10 of 103 items</span>
                </div>
            </div>
            <div class="pagination-right">
                <div class="pagination-pages-dropdown">
                    <label for="pagination-pages-pending" class="visually-hidden">Select page number</label>
                    <select id="pagination-pages-pending" name="pagination-pages-pending" class="dropdown w-dropdown" aria-label="Select page number">
                        <option value="1" selected>1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                    </select>
                    <span>of 11 pages</span>
                </div>
                <div class="pagination-button-group">
                    <button type="button" class="pagination-button" aria-label="Previous page">
                        <div class="pagination-icon w-embed">
                            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" aria-hidden="true">
                                <polygon points="20,24 10,16 20,8"></polygon>
                            </svg>
                        </div>
                    </button>
                    <button type="button" class="pagination-button" aria-label="Next page">
                        <div class="pagination-icon w-embed">
                            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" aria-hidden="true">
                                <polygon points="12,8 22,16 12,24"></polygon>
                            </svg>
                        </div>
                    </button>
                </div>
            </div>
        </div>
    </div>
</form>



<div class="space-1rem"></div>


<div class="h3-wrapper">
    <h3>Declined Invitations</h3>
</div>
<div class="subheading">View and manage invites you’ve sent that have been declined.</div>
<form id="declined-invitations-form" name="declined-invitations-form" data-name="declined-invitations-form" method="get">
    <div class="table-outline">
        <div class="table-scroll-container">
            <table class="table">
                <thead class="table-head">
                    <tr class="table-header-row">
                        <th class="table-checkbox-column">
                            <label for="select-all-declined" class="w-checkbox table-checkbox-field">
                                <input type="checkbox" id="select-all-declined" name="select-all-declined" class="w-checkbox-input" aria-label="Select all declined invitations">
                                <span class="custom-checkbox"></span>
                            </label>
                        </th>
                        <th>
                            <div class="table-cell-content">
                                <div class="table-heading">Email Address</div>
                                <button type="button" class="table-sort-button w-embed" aria-label="Sort by Email Address" aria-pressed="false">
                                    <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                                        <defs>
                                            <style>.cls-1{fill:none;}</style>
                                        </defs>
                                        <polygon points="16 28 9 21 10.41 19.59 16 25.17 21.59 19.59 23 21 16 28">
                                            <polygon points="16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4">
                                                <rect class="cls-1"></rect>
                                            </polygon>
                                        </polygon>
                                    </svg>
                                </button>
                            </div>
                        </th>
                        <th>
                            <div class="table-cell-content">
                                <div class="table-heading">Reason for Decline</div>
                                <button type="button" class="table-sort-button w-embed" aria-label="Sort by Reason for Decline" aria-pressed="false">
                                    <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                                        <defs>
                                            <style>.cls-1{fill:none;}</style>
                                        </defs>
                                        <polygon points="16 28 9 21 10.41 19.59 16 25.17 21.59 19.59 23 21 16 28">
                                            <polygon points="16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4">
                                                <rect class="cls-1"></rect>
                                            </polygon>
                                        </polygon>
                                    </svg>
                                </button>
                            </div>
                        </th>
                        <th>
                            <div class="table-cell-content">
                                <div class="table-heading">Declined</div>
                                <button type="button" class="table-sort-button w-embed" aria-label="Sort by Declined Date" aria-pressed="false">
                                    <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
                                        <defs>
                                            <style>.cls-1{fill:none;}</style>
                                        </defs>
                                        <title>Sort by Declined</title>
                                        <polygon points="16 28 9 21 10.41 19.59 16 25.17 21.59 19.59 23 21 16 28">
                                            <polygon points="16 4 23 11 21.59 12.41 16 6.83 10.41 12.41 9 11 16 4">
                                                <rect class="cls-1"></rect>
                                            </polygon>
                                        </polygon>
                                    </svg>
                                </button>
                            </div>
                        </th>
                        <th class="action-column">
                            <div class="table-header-icon-container">
                                <div data-delay="0" data-hover="false" class="table-menu-container w-dropdown">
                                    <button type="button" class="table-menu-button w-dropdown-toggle" aria-haspopup="true" aria-expanded="false" aria-label="Table Options">
                                        <div class="table-header-button">
                                            <div class="table-button-icon w-embed">
                                                <svg version="1.1" fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32px" height="32px" viewBox="0 0 32 32" aria-hidden="true">
                                                    <circle cx="16" cy="8" r="2"></circle>
                                                    <circle cx="16" cy="16" r="2"></circle>
                                                    <circle cx="16" cy="24" r="2"></circle>
                                                </svg>
                                            </div>
                                        </div>
                                    </button>
                                    <nav class="table-menu w-dropdown-list" id="table-menu-list" role="menu" aria-label="Table Options Menu">
                                        <button class="table-menu-item w-inline-block" aria-label="Delete Selected Declined Invitations">
                                            <span class="table-menu-item-icon w-embed">
                                                <!-- Trash Icon SVG -->
                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                                                    <polyline points="3 6 5 6 21 6"></polyline>
                                                    <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
                                                    <line x1="10" y1="11" x2="10" y2="17"></line>
                                                    <line x1="14" y1="11" x2="14" y2="17"></line>
                                                </svg>
                                            </span>
                                            <span class="table-menu-item-text">Delete Selected</span>
                                        </button>
                                        <button class="table-menu-item w-inline-block" aria-label="Export Declined Invitations to CSV">
                                            <span class="table-menu-item-icon w-embed">
                                                <!-- Export Icon SVG -->
                                                <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" aria-hidden="true">
                                                    <polygon points="5 18 5 20 10.586 20 3 27.586 4.414 29 12 21.414 12 27 14 27 14 18 5 18"></polygon>
                                                    <path d="M27,3H5A2,2,0,0,0,3,5V15H5V11H15v4h2V11H27v7H17v2H27v7H17v2H27a2,2,0,0,0,2-2V5A2,2,0,0,0,27,3Zm0,6H5V5H27Z"></path>
                                                </svg>
                                            </span>
                                            <span>Export to CSV</span>
                                        </button>
                                    </nav>
                                </div>
                            </div>
                        </th>
                    </tr>
                    <tr class="table-filter-row">
                        <th class="table-checkbox-column">&nbsp;</th>
                        <th>
                            <div class="table-filter-cell-content">
                                <label for="DeclinedInvitationsEmailFilter" class="visually-hidden">Filter by Email Address</label>
                                <input class="input-filter w-input" maxlength="256" name="DeclinedInvitationsEmailFilter" data-name="DeclinedInvitationsEmailFilter" placeholder="Filter" type="text" id="DeclinedInvitationsEmailFilter" aria-label="Filter by Email Address">
                            </div>
                        </th>
                        <th>
                            <div class="table-filter-cell-content">
                                <label for="DeclinedInvitationsReasonFilter" class="visually-hidden">Filter by Reason for Decline</label>
                                <input class="input-filter w-input" maxlength="256" name="DeclinedInvitationsReasonFilter" data-name="DeclinedInvitationsReasonFilter" placeholder="Filter" type="text" id="DeclinedInvitationsReasonFilter" aria-label="Filter by Reason for Decline">
                            </div>
                        </th>
                        <th>
                            <div class="table-filter-cell-content">
                                <div class="date-filter">
                                    <label for="DeclinedInvitationsDateFilter" class="visually-hidden">Filter by Declined Date</label>
                                    <input class="input-filter date-picker w-input" maxlength="256" name="DeclinedInvitationsDateFilter" data-name="DeclinedInvitationsDateFilter" placeholder="Filter" type="text" id="DeclinedInvitationsDateFilter" data-datepicker="daterange" aria-label="Filter by Declined Date">
                                    <button type="button" id="declined-date-filter-button" class="date-filter-icon-container" aria-label="Toggle Date Filter">
                                        <div class="date-filter-icon w-embed">
                                            <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="32" height="32" viewBox="0 0 32 32" aria-hidden="true">
                                                <path d="M26,4H22V2H20V4H12V2H10V4H6A2.0025,2.0025,0,0,0,4,6V26a2.0025,2.0025,0,0,0,2,2H26a2.0025,2.0025,0,0,0,2-2V6A2.0025,2.0025,0,0,0,26,4ZM6,6h4V8h2V6h8V8h2V6h4l0,4H6Zm0,6h5v6H6ZM19,26H13V20h6Zm0-8H13V12h6Zm2,8V20h5l.0012,6Z"></path>
                                            </svg>
                                        </div>
                                    </button>
                                </div>
                            </div>
                        </th>
                        <th class="action-column">&nbsp;</th>
                    </tr>
                </thead>
                <tbody class="table-body">
                    <tr class="table-row">
                        <td class="table-checkbox-column">
                            <label for="select-pending-1" class="w-checkbox table-checkbox-field">
                                <input type="checkbox" id="select-pending-1" name="select-pending[]" class="w-checkbox-input" aria-label="Select invitation clintb@avengers.com">
                                <span class="custom-checkbox"></span>
                            </label>
                        </td>
                        <td class="table-cell">
                            <div class="table-cell-content">
                                <div class="table-cell-left">
                                    <div class="table-data">clintb@avengers.com</div>
                                </div>
                            </div>
                        </td>
                        <td class="table-cell">
                            <div class="table-cell-content">
                                <div class="table-cell-left">
                                    <div class="table-data">Nov 25, 2024</div>
                                </div>
                            </div>
                        </td>
                        <td class="action-column">
                            <div class="table-row-action-button-container">
                                <button type="button" data-tippy-content="Resend Invitation" class="table-row-action-button" aria-label="Resend invitation to clintb@avengers.com">
                                    <div class="table-row-action-button-icon w-embed">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor" height="32" width="32" aria-hidden="true">
                                            <path d="M480-462 140-685v465h390v60H140q-24 0-42-18t-18-42v-520q0-24 18-42t42-18h680q24 0 42 18t18 42v310h-60v-255L480-462Zm0-60 340-218H140l340 218ZM774-44l-42-42 73-74H590v-60h215l-74-74 43-42 146 146L774-44ZM140-685v499-244 4-314 55Z"></path>
                                        </svg>
                                    </div>
                                </button>
                                <button type="button" data-tippy-content="Cancel Invitation" class="table-row-action-button danger" aria-label="Cancel invitation to clintb@avengers.com">
                                    <div class="table-row-action-button-icon w-embed">
                                        <svg xmlns="http://www.w3.org/2000/svg" height="40px" viewBox="0 -960 960 960" width="40px" fill="currentColor" aria-hidden="true">
                                            <path d="m332-285.33 148-148 148 148L674.67-332l-148-148 148-148L628-674.67l-148 148-148-148L285.33-628l148 148-148 148L332-285.33ZM480-80q-82.33 0-155.33-31.5-73-31.5-127.34-85.83Q143-251.67 111.5-324.67T80-480q0-83 31.5-156t85.83-127q54.34-54 127.34-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 82.33-31.5 155.33-31.5 73-85.5 127.34Q709-143 636-111.5T480-80Zm0-66.67q139.33 0 236.33-97.33t97-236q0-139.33-97-236.33t-236.33-97q-138.67 0-236 97-97.33 97-97.33 236.33 0 138.67 97.33 236 97.33 97.33 236 97.33ZM480-480Z"></path>
                                        </svg>
                                    </div>
                                </button>
                            </div>
                        </td>
                    </tr>
                    <tr class="table-row last-row">
                        <td class="table-checkbox-column">
                            <label for="select-pending-2" class="w-checkbox table-checkbox-field">
                                <input type="checkbox" id="select-pending-2" name="select-pending[]" class="w-checkbox-input" aria-label="Select invitation happyh@avengers.com">
                                <span class="custom-checkbox"></span>
                            </label>
                        </td>
                        <td class="table-cell">
                            <div class="table-cell-content">
                                <div class="table-cell-left">
                                    <div class="table-data overflow">happyh@avengers.com</div>
                                </div>
                            </div>
                        </td>
                        <td class="table-cell">
                            <div class="table-cell-content">
                                <div class="table-cell-left">
                                    <div class="table-data">Nov 25, 2024</div>
                                </div>
                            </div>
                        </td>
                        <td class="action-column">
                            <div class="table-row-action-button-container">
                                <button type="button" data-tippy-content="Resend Invitation" class="table-row-action-button" aria-label="Resend invitation to happyh@avengers.com">
                                    <div class="table-row-action-button-icon w-embed">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" fill="currentColor" height="32" width="32" aria-hidden="true">
                                            <path d="M480-462 140-685v465h390v60H140q-24 0-42-18t-18-42v-520q0-24 18-42t42-18h680q24 0 42 18t18 42v310h-60v-255L480-462Zm0-60 340-218H140l340 218ZM774-44l-42-42 73-74H590v-60h215l-74-74 43-42 146 146L774-44ZM140-685v499-244 4-314 55Z"></path>
                                        </svg>
                                    </div>
                                </button>
                                <button type="button" data-tippy-content="Delete" class="table-row-action-button danger" aria-label="Delete declined invitation happyh@avengers.com">
                                    <div class="table-row-action-button-icon w-embed">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                                            <polyline points="3 6 5 6 21 6"></polyline>
                                            <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path>
                                            <line x1="10" y1="11" x2="10" y2="17"></line>
                                            <line x1="14" y1="11" x2="14" y2="17"></line>
                                        </svg>
                                    </div>
                                </button>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="table-pagination">
            <div class="pagination-left">
                <div class="items-per-page-container">
                    <label for="items-per-page-declined" class="visually-hidden">Items per page</label>
                    <div>Items per page:</div>
                    <select id="items-per-page-declined" name="items-per-page-declined" class="dropdown w-dropdown" aria-label="Items per page">
                        <option value="10" selected>10</option>
                        <option value="25">25</option>
                        <option value="50">50</option>
                        <option value="100">100</option>
                    </select>
                </div>
                <div class="paginaton-total-items">
                    <div>1–10 of 103 items<br></div>
                </div>
            </div>
            <div class="pagination-right">
                <div class="pagination-pages-dropdown">
                    <label for="pagination-pages-declined" class="visually-hidden">Select page number</label>
                    <select id="pagination-pages-declined" name="pagination-pages-declined" class="dropdown w-dropdown" aria-label="Select page number">
                        <option value="1" selected>1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                    </select>
                    <div>of 11 pages</div>
                </div>
                <div class="pagination-button-group">
                    <button type="button" class="pagination-button" aria-label="Previous page">
                        <div class="pagination-icon w-embed">
                            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" xml:space="preserve" aria-hidden="true">
                                <polygon points="20,24 10,16 20,8"></polygon>
                            </svg>
                        </div>
                    </button>
                    <button type="button" class="pagination-button" aria-label="Next page">
                        <div class="pagination-icon w-embed">
                            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" xml:space="preserve" aria-hidden="true">
                                <polygon points="12,8 22,16 12,24"></polygon>
                            </svg>
                        </div>
                    </button>
                </div>
            </div>
        </div>
    </div>
</form>
```