Tables

<table class="pf-c-table pf-m-expandable pf-m-grid-md rhd-c-table" role="grid" aria-label="Expandable table example" id="table-expandable">
  <thead>
    <tr role="row">
      <td role="cell"></td>
      <th class="pf-c-table__sort pf-m-width-30" role="columnheader" aria-sort="ascending" scope="col">
        <button class="pf-c-button pf-m-plain" type="button">Event title
          <span class="pf-c-table__sort-indicator">
            <i class="fas fa-arrows-alt-v"></i>
          </span>
        </button>
      </th>
      <th class="pf-c-table__sort pf-m-selected" role="columnheader" aria-sort="none" scope="col">
        <button class="pf-c-button pf-m-plain" type="button">Start date
          <span class="pf-c-table__sort-indicator">
            <i class="fas fa-long-arrow-alt-down"></i>
          </span>
        </button>
      </th>
      <th class="pf-c-table__sort" role="columnheader" aria-sort="none" scope="col">
        <button class="pf-c-button pf-m-plain" type="button">Sign up
          <span class="pf-c-table__sort-indicator">
            <i class="fas fa-arrows-alt-v"></i>
          </span>
        </button>
      </th>
    </tr>
  </thead>
  <tbody role="rowgroup">
    <tr role="row">
      <td class="pf-c-table__toggle" role="cell">
        <button class="pf-c-button pf-m-plain pf-m-expanded" aria-labelledby="table-expandable-node1 table-expandable-expandable-toggle1" id="table-expandable-expandable-toggle1" aria-label="Details" aria-controls="table-expandable-content1" aria-expanded="true">
          <i class="fas fa-angle-right pf-c-table__toggle-icon" aria-hidden="true"></i>
        </button>
      </td>
      <th role="columnheader" data-label="Event title">
        <p id="table-expandable-node1">Quarked testing</p>
      </th>
      <td role="cell" data-label="Start date">April 2</td>
      <td role="cell" data-label="Sign up">
        <button class="pf-c-button pf-m-link rhd-m-register">
          Register
          <span class="pf-c-button__icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
        </button>
      </td>
    </tr>
  </tbody>
  <tbody class="pf-m-expanded" role="rowgroup">
    <tr role="row">
      <td class="pf-c-table__toggle" role="cell">
        <button class="pf-c-button pf-m-plain pf-m-expanded" aria-labelledby="table-expandable-node1 table-expandable-expandable-toggle1" id="table-expandable-expandable-toggle1" aria-label="Details" aria-controls="table-expandable-content1" aria-expanded="true">
          <i class="fas fa-angle-down pf-c-table__toggle-icon" aria-hidden="true"></i>
        </button>
      </td>
      <th role="columnheader" data-label="Event title">
        <p id="table-expandable-node1">Kubernetes Master course</p>
      </th>
      <td role="cell" data-label="Start date">April 6</td>
      <td role="cell" data-label="Sign up">
        <button class="pf-c-button pf-m-link rhd-m-register">
          Register
          <span class="pf-c-button__icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
        </button>
      </td>
    </tr>
    <tr class="pf-c-table__expandable-row pf-m-expanded" role="row">
      <td></td>
      <td role="cell" colspan="4" id="table-expandable-content1">
        <div class="pf-c-table__expandable-row-content">
          <table class="pf-c-table pf-m-compact pf-m-grid-md pf-m-no-border-rows rhd-m-nested-table" role="grid" aria-label="This is a compact table with border rows example" id="table-no-borders">
            <thead>
              <tr role="row">
                <th role="columnheader" scope="col">Master Course title</th>
                <th role="columnheader" scope="col">Language</th>
                <th role="columnheader" scope="col">CodeCasters</th>
                <th role="columnheader" scope="col">Date and time</th>
              </tr>
            </thead>
            <tbody role="rowgroup">
              <tr role="row">
                <th role="columnheader" data-label="Master Course title">
                  <span id="table-no-borders-name1">Kubernetes Master Course 1</span>
                </th>
                <td role="cell" data-label="Language">Portuguese</td>
                <td role="cell" data-label="CodeCasters">Edson Yanaga</td>
                <td role="cell" data-label="Date and time">April 4 14:00 UTC</td>
              </tr>
              <tr role="row">
                <th role="columnheader" data-label="Master Course title">
                  <span id="table-no-borders-name1">Kubernetes Master Course 2</span>
                </th>
                <td role="cell" data-label="Language">English</td>
                <td role="cell" data-label="CodeCasters">Burr Sutter</td>
                <td role="cell" data-label="Date and time">April 6 16:00 UTC</td>
              </tr>
            </tbody>
          </table>
        </div>
      </td>
    </tr>
  </tbody>
    <tbody role="rowgroup">
    <tr role="row">
      <td class="pf-c-table__toggle" role="cell">
        <button class="pf-c-button pf-m-plain pf-m-expanded" aria-labelledby="table-expandable-node1 table-expandable-expandable-toggle1" id="table-expandable-expandable-toggle1" aria-label="Details" aria-controls="table-expandable-content1" aria-expanded="true">
          <i class="fas fa-angle-right pf-c-table__toggle-icon" aria-hidden="true"></i>
        </button>
      </td>
      <th role="columnheader" data-label="Event title">
        <p id="table-expandable-node1">Kubernetes Master course</p>
      </th>
      <td role="cell" data-label="Start date">April 9</td>
      <td role="cell" data-label="Sign up">
        <button class="pf-c-button pf-m-link rhd-m-register">
          Register
          <span class="pf-c-button__icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
        </button>
      </td>
    </tr>
  </tbody>
  <tbody class="pf-m-expanded" role="rowgroup">
    <tr role="row">
      <td class="pf-c-table__toggle" role="cell">
        <button class="pf-c-button pf-m-plain pf-m-expanded" aria-labelledby="table-expandable-node1 table-expandable-expandable-toggle1" id="table-expandable-expandable-toggle1" aria-label="Details" aria-controls="table-expandable-content1" aria-expanded="true">
          <i class="fas fa-angle-down pf-c-table__toggle-icon" aria-hidden="true"></i>
        </button>
      </td>
      <th role="columnheader" data-label="Event title">
        <p id="table-expandable-node1">Commit to excellence - Java in Containers</p>
      </th>
      <td role="cell" data-label="Start date">April 13</td>
      <td role="cell" data-label="Sign up">
        <button class="pf-c-button pf-m-link rhd-m-register">
          Register
          <span class="pf-c-button__icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
        </button>
      </td>
    </tr>
    <tr class="pf-c-table__expandable-row pf-m-expanded" role="row">
      <td></td>
      <td role="cell" colspan="4" id="table-expandable-content1">
        <div class="pf-c-table__expandable-row-content">
          <table class="pf-c-table pf-m-compact pf-m-grid-md pf-m-no-border-rows rhd-m-nested-table" role="grid" aria-label="This is a compact table with border rows example" id="table-no-borders">
            <thead>
              <tr role="row">
                <th role="columnheader" scope="col">Tech Talk title</th>
                <th role="columnheader" scope="col">Language</th>
                <th role="columnheader" scope="col">CodeCasters</th>
                <th role="columnheader" scope="col">Date and time</th>
              </tr>
            </thead>
            <tbody role="rowgroup">
              <tr role="row">
                <th role="columnheader" data-label="Tech Talk title">
                  <span id="table-no-borders-name1">Commit to excellence - Java in Containers</span>
                </th>
                <td role="cell" data-label="Language">Portuguese</td>
                <td role="cell" data-label="CodeCasters">Markus Eisele</td>
                <td role="cell" data-label="Date and time">April 9 16:00 UTC</td>
              </tr>
            </tbody>
          </table>
          <h6>Description</h6>
          <p>
          This talk walks you through the why and how of Java in containers. We will talk about image size and development and deployment processes.
          </p>
        </div>
      </td>
    </tr>
  </tbody>
  <tbody role="rowgroup">
    <tr role="row">
      <td class="pf-c-table__toggle" role="cell">
        <button class="pf-c-button pf-m-plain pf-m-expanded" aria-labelledby="table-expandable-node1 table-expandable-expandable-toggle1" id="table-expandable-expandable-toggle1" aria-label="Details" aria-controls="table-expandable-content1" aria-expanded="true">
          <i class="fas fa-angle-right pf-c-table__toggle-icon" aria-hidden="true"></i>
        </button>
      </td>
      <th role="columnheader" data-label="Event title">
        <p id="table-expandable-node1">Going deep (learning) with TensorFlow and Quarkus</p>
      </th>
      <td role="cell" data-label="Start date">April 15</td>
      <td role="cell" data-label="Sign up">
        <button class="pf-c-button pf-m-link rhd-m-register">
          Register
          <span class="pf-c-button__icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
        </button>
      </td>
    </tr>
  </tbody>
  <tbody role="rowgroup">
    <tr role="row">
      <td class="pf-c-table__toggle" role="cell">
        <button class="pf-c-button pf-m-plain pf-m-expanded" aria-labelledby="table-expandable-node1 table-expandable-expandable-toggle1" id="table-expandable-expandable-toggle1" aria-label="Details" aria-controls="table-expandable-content1" aria-expanded="true">
          <i class="fas fa-angle-right pf-c-table__toggle-icon" aria-hidden="true"></i>
        </button>
      </td>
      <th role="columnheader" data-label="Event title">
        <p id="table-expandable-node1">Istio Service Mesh Master Course</p>
      </th>
      <td role="cell" data-label="Start date">April 20</td>
      <td role="cell" data-label="Sign up">
        <button class="pf-c-button pf-m-link rhd-m-register pf-m-disabled">
          Register
          <span class="pf-c-button__icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
        </button>
      </td>
    </tr>
  </tbody>
</table>

<table class="pf-c-table pf-m-compact pf-m-expandable pf-m-grid-md rhd-c-table" role="grid" aria-label="Compact expandable table example" id="table-compact-expandable">
  <thead>
    <tr role="row">
      <td role="cell"></td>
      <th class="pf-c-table__sort pf-m-width-30" role="columnheader" aria-sort="ascending" scope="col">
        <button class="pf-c-button pf-m-plain" type="button">Event title
          <span class="pf-c-table__sort-indicator">
            <i class="fas fa-arrows-alt-v"></i>
          </span>
        </button>
      </th>
      <th class="pf-c-table__sort pf-m-selected" role="columnheader" aria-sort="none" scope="col">
        <button class="pf-c-button pf-m-plain" type="button">Start date
          <span class="pf-c-table__sort-indicator">
            <i class="fas fa-long-arrow-alt-down"></i>
          </span>
        </button>
      </th>
      <th class="pf-c-table__sort" role="columnheader" aria-sort="none" scope="col">
        <button class="pf-c-button pf-m-plain" type="button">Sign up
          <span class="pf-c-table__sort-indicator">
            <i class="fas fa-arrows-alt-v"></i>
          </span>
        </button>
      </th>
    </tr>
  </thead>
  <tbody role="rowgroup">
    <tr role="row">
      <td class="pf-c-table__toggle" role="cell">
        <button class="pf-c-button pf-m-plain pf-m-expanded" aria-labelledby="table-compact-expandable-node1 table-compact-expandable-expandable-toggle1" id="table-compact-expandable-expandable-toggle1" aria-label="Details" aria-controls="table-compact-expandable-content1" aria-expanded="true">
          <i class="fas fa-angle-right pf-c-table__toggle-icon" aria-hidden="true"></i>
        </button>
      </td>
      <th role="columnheader" data-label="Event title">
        <p id="table-compact-expandable-node1">Quarked testing</p>
      </th>
      <td role="cell" data-label="Start date">April 2</td>
      <td role="cell" data-label="Sign up">
        <button class="pf-c-button pf-m-link rhd-m-register">
          Register
          <span class="pf-c-button__icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
        </button>
      </td>
    </tr>
  </tbody>
  <tbody class="pf-m-expanded" role="rowgroup">
    <tr role="row">
      <td class="pf-c-table__toggle" role="cell">
        <button class="pf-c-button pf-m-plain pf-m-expanded" aria-labelledby="table-compact-expandable-node1 table-compact-expandable-expandable-toggle1" id="table-compact-expandable-expandable-toggle1" aria-label="Details" aria-controls="table-compact-expandable-content1" aria-expanded="true">
          <i class="fas fa-angle-down pf-c-table__toggle-icon" aria-hidden="true"></i>
        </button>
      </td>
      <th role="columnheader" data-label="Event title">
        <p id="table-compact-expandable-node1">Kubernetes master course</p>
      </th>
      <td role="cell" data-label="Start date">April 6</td>
      <td role="cell" data-label="Sign up">
        <button class="pf-c-button pf-m-link rhd-m-register">
          Register
          <span class="pf-c-button__icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
        </button>
      </td>
    </tr>
    <tr class="pf-c-table__expandable-row pf-m-expanded" role="row">
      <td></td>
      <td role="cell" colspan="4" id="table-compact-expandable-content1">
        <div class="pf-c-table__expandable-row-content">
          <table class="pf-c-table pf-m-compact pf-m-grid-md pf-m-no-border-rows rhd-m-nested-table" role="grid" aria-label="This is a compact table with border rows example" id="table-compact-no-borders">
            <thead>
              <tr role="row">
                <th role="columnheader" scope="col">Master Course title</th>
                <th role="columnheader" scope="col">Language</th>
                <th role="columnheader" scope="col">CodeCasters</th>
                <th role="columnheader" scope="col">Date and time</th>
              </tr>
            </thead>
            <tbody role="rowgroup">
              <tr role="row">
                <th role="columnheader" data-label="Master Course title">
                  <span id="table-compact-no-borders-name1">Kubernetes Master Course 1</span>
                </th>
                <td role="cell" data-label="Language">Portuguese</td>
                <td role="cell" data-label="CodeCasters">Edson Yanaga</td>
                <td role="cell" data-label="Date and time">April 4 14:00 UTC</td>
              </tr>
              <tr role="row">
                <th role="columnheader" data-label="Master Course title">
                  <span id="table-compact-no-borders-name1">Kubernetes Master Course 2</span>
                </th>
                <td role="cell" data-label="Language">English</td>
                <td role="cell" data-label="CodeCasters">Burr Sutter</td>
                <td role="cell" data-label="Date and time">April 6 16:00 UTC</td>
              </tr>
            </tbody>
          </table>
        </div>
      </td>
    </tr>
  </tbody>
  <tbody role="rowgroup">
    <tr role="row">
      <td class="pf-c-table__toggle" role="cell">
        <button class="pf-c-button pf-m-plain pf-m-expanded" aria-labelledby="table-compact-expandable-node1 table-compact-expandable-expandable-toggle1" id="table-compact-expandable-expandable-toggle1" aria-label="Details" aria-controls="table-compact-expandable-content1" aria-expanded="true">
          <i class="fas fa-angle-right pf-c-table__toggle-icon" aria-hidden="true"></i>
        </button>
      </td>
      <th role="columnheader" data-label="Event title">
        <p id="table-compact-expandable-node1">Kubernetes master course</p>
      </th>
      <td role="cell" data-label="Start date">April 9</td>
      <td role="cell" data-label="Sign up">
        <button class="pf-c-button pf-m-link rhd-m-register">
          Register
          <span class="pf-c-button__icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
        </button>
      </td>
    </tr>
  </tbody>
  <tbody role="rowgroup">
    <tr role="row">
      <td class="pf-c-table__toggle" role="cell">
        <button class="pf-c-button pf-m-plain pf-m-expanded" aria-labelledby="table-compact-expandable-node1 table-compact-expandable-expandable-toggle1" id="table-compact-expandable-expandable-toggle1" aria-label="Details" aria-controls="table-compact-expandable-content1" aria-expanded="true">
          <i class="fas fa-angle-right pf-c-table__toggle-icon" aria-hidden="true"></i>
        </button>
      </td>
      <th role="columnheader" data-label="Event title">
        <p id="table-compact-expandable-node1">Commit to excellence - Java in Containers</p>
      </th>
      <td role="cell" data-label="Start date">April 13</td>
      <td role="cell" data-label="Sign up">
        <button class="pf-c-button pf-m-link rhd-m-register">
          Register
          <span class="pf-c-button__icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
        </button>
      </td>
    </tr>
  </tbody>
  <tbody role="rowgroup">
    <tr role="row">
      <td class="pf-c-table__toggle" role="cell">
        <button class="pf-c-button pf-m-plain pf-m-expanded" aria-labelledby="table-compact-expandable-node1 table-compact-expandable-expandable-toggle1" id="table-compact-expandable-expandable-toggle1" aria-label="Details" aria-controls="table-compact-expandable-content1" aria-expanded="true">
          <i class="fas fa-angle-right pf-c-table__toggle-icon" aria-hidden="true"></i>
        </button>
      </td>
      <th role="columnheader" data-label="Event title">
        <p id="table-compact-expandable-node1">Going deep (learning) with TensorFlow and Quarkus</p>
      </th>
      <td role="cell" data-label="Start date">April 15</td>
      <td role="cell" data-label="Sign up">
        <button class="pf-c-button pf-m-link rhd-m-register">
          Register
          <span class="pf-c-button__icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
        </button>
      </td>
    </tr>
  </tbody>
  <tbody role="rowgroup">
    <tr role="row">
      <td class="pf-c-table__toggle" role="cell">
        <button class="pf-c-button pf-m-plain pf-m-expanded" aria-labelledby="table-compact-expandable-node1 table-compact-expandable-expandable-toggle1" id="table-compact-expandable-expandable-toggle1" aria-label="Details" aria-controls="table-compact-expandable-content1" aria-expanded="true">
          <i class="fas fa-angle-right pf-c-table__toggle-icon" aria-hidden="true"></i>
        </button>
      </td>
      <th role="columnheader" data-label="Event title">
        <p id="table-compact-expandable-node1">Istio Service Mesh Master Course</p>
      </th>
      <td role="cell" data-label="Start date">April 20</td>
      <td role="cell" data-label="Sign up">
        <button class="pf-c-button pf-m-link rhd-m-register pf-m-disabled">
          Register
          <span class="pf-c-button__icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
        </button>
      </td>
    </tr>
  </tbody>
</table>

<div class="pf-c-data-toolbar rhd-c-toolbar" id="data-toolbar-stacked-example">
  <div class="pf-c-data-toolbar__content">
    <div class="pf-c-data-toolbar__content-section">
      <div class="pf-c-data-toolbar__group pf-m-toggle-group pf-m-show-on-2xl">
        <div class="pf-c-data-toolbar__group">
          <div class="pf-c-data-toolbar__item pf-m-label" id="filter-by-label" aria-hidden="true">Filter by</div>
          <div class="pf-c-data-toolbar__item">
            <div class="pf-c-select">
              <button class="pf-c-select__toggle pf-m-plain" type="button" id="filter-by-select" aria-haspopup="true" aria-expanded="false" aria-labelledby="filter-by-label filter-by-toggle">
                <div class="pf-c-select__toggle-wrapper">
                  <span class="pf-c-select__toggle-text">All DevNation</span>
                </div>
                <i class="fas fa-caret-down pf-c-select__toggle-arrow" aria-hidden="true"></i>
              </button>
              <div class="pf-c-select__menu" hidden aria-labelledby="filter-by-toggle">
                <fieldset class="pf-c-select__menu-fieldset" aria-label="Select input">
                  <label class="pf-c-check pf-c-select__menu-item" for="-select-checkbox-resource-active">
                    <input class="pf-c-check__input" type="checkbox" type="checkbox" id="-select-checkbox-resource-active" name="-select-checkbox-resource-active" />
                    <span class="pf-c-check__label">Active</span>
                  </label>
                  <label class="pf-c-check pf-c-select__menu-item" for="-select-checkbox-resource-cancelled">
                    <input class="pf-c-check__input" type="checkbox" type="checkbox" id="-select-checkbox-resource-cancelled" name="-select-checkbox-resource-cancelled" />
                    <span class="pf-c-check__label">Cancelled</span>
                  </label>
                  <label class="pf-c-check pf-c-select__menu-item" for="-select-checkbox-resource-paused">
                    <input class="pf-c-check__input" type="checkbox" type="checkbox" id="-select-checkbox-resource-paused" name="-select-checkbox-resource-paused" />
                    <span class="pf-c-check__label">Paused</span>
                  </label>
                  <label class="pf-c-check pf-c-select__menu-item" for="-select-checkbox-resource-warning">
                    <input class="pf-c-check__input" type="checkbox" type="checkbox" id="-select-checkbox-resource-warning" name="-select-checkbox-resource-warning" />
                    <span class="pf-c-check__label">Warning</span>
                  </label>
                  <label class="pf-c-check pf-c-select__menu-item" for="-select-checkbox-resource-restarted">
                    <input class="pf-c-check__input" type="checkbox" type="checkbox" id="-select-checkbox-resource-restarted" name="-select-checkbox-resource-restarted" />
                    <span class="pf-c-check__label">Restarted</span>
                  </label>
                </fieldset>
              </div>
            </div>
          </div>
        </div>
        <div class="pf-c-data-toolbar__group">
          <div class="pf-c-data-toolbar__item">
            <div class="pf-c-select">
              <button class="pf-c-select__toggle pf-m-plain" type="button" id="-select-checkbox-status-toggle" aria-haspopup="true" aria-expanded="false" aria-labelledby="-select-checkbox-status-label -select-checkbox-status-toggle">
                <div class="pf-c-select__toggle-wrapper">
                  <span class="pf-c-select__toggle-text">English</span>
                </div>
                <i class="fas fa-caret-down pf-c-select__toggle-arrow" aria-hidden="true"></i>
              </button>
              <div class="pf-c-select__menu" hidden>
                <fieldset class="pf-c-select__menu-fieldset" aria-label="Select input">
                  <label class="pf-c-check pf-c-select__menu-item" for="-select-checkbox-status-active">
                    <span class="pf-c-check__label">Portuguese</span>
                  </label>
                  <label class="pf-c-check pf-c-select__menu-item" for="-select-checkbox-status-cancelled">
                    <span class="pf-c-check__label">Français</span>
                  </label>
                </fieldset>
              </div>
            </div>
          </div>
        </div>
        <div class="pf-c-data-toolbar__group">
          <div class="pf-c-data-toolbar__item pf-m-label" id="sort-by-label" aria-hidden="true">Sort by</div>
          <div class="pf-c-data-toolbar__item">
            <div class="pf-c-select">
              <button class="pf-c-select__toggle pf-m-plain" type="button" id="sort-by-toggle" aria-haspopup="true" aria-expanded="false" aria-labelledby="sort-by-label sort-by-toggle">
                <div class="pf-c-select__toggle-wrapper">
                  <span class="pf-c-select__toggle-text">Recent</span>
                </div>
                <i class="fas fa-caret-down pf-c-select__toggle-arrow" aria-hidden="true"></i>
              </button>
              <div class="pf-c-select__menu" hidden>
                <fieldset class="pf-c-select__menu-fieldset" aria-label="Select input">
                  <label class="pf-c-check pf-c-select__menu-item" for="sort-by-label-active">
                    <input class="pf-c-check__input" type="checkbox" type="checkbox" id="sort-by-label-active" name="sort-by-label-active" />
                    <span class="pf-c-check__label">Active</span>
                  </label>
                  <label class="pf-c-check pf-c-select__menu-item" for="sort-by-label-cancelled">
                    <input class="pf-c-check__input" type="checkbox" type="checkbox" id="-select-checkbox-type-cancelled" name="sort-by-label-cancelled" />
                    <span class="pf-c-check__label">Cancelled</span>
                  </label>
                  <label class="pf-c-check pf-c-select__menu-item" for="sort-by-label-paused">
                    <input class="pf-c-check__input" type="checkbox" type="checkbox" id="-select-checkbox-type-paused" name="sort-by-label-paused" />
                    <span class="pf-c-check__label">Paused</span>
                  </label>
                  <label class="pf-c-check pf-c-select__menu-item" for="-select-checkbox-type-warning">
                    <input class="pf-c-check__input" type="checkbox" type="checkbox" id="-select-checkbox-type-warning" name="-select-checkbox-type-warning" />
                    <span class="pf-c-check__label">Warning</span>
                  </label>
                  <label class="pf-c-check pf-c-select__menu-item" for="-select-checkbox-type-restarted">
                    <input class="pf-c-check__input" type="checkbox" type="checkbox" id="-select-checkbox-type-restarted" name="-select-checkbox-type-restarted" />
                    <span class="pf-c-check__label">Restarted</span>
                  </label>
                </fieldset>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<table class="pf-c-table pf-m-expandable pf-m-grid-md rhd-c-table" role="grid" aria-label="Expandable table example" id="table-expandable">
  <thead>
    <tr role="row">
      <td role="cell"></td>
      <th class="pf-c-table__sort pf-m-width-30" role="columnheader" aria-sort="ascending" scope="col">
        <button class="pf-c-button pf-m-plain" type="button">Event title
          <span class="pf-c-table__sort-indicator">
            <i class="fas fa-arrows-alt-v"></i>
          </span>
        </button>
      </th>
      <th class="pf-c-table__sort pf-m-selected" role="columnheader" aria-sort="none" scope="col">
        <button class="pf-c-button pf-m-plain" type="button">Start date
          <span class="pf-c-table__sort-indicator">
            <i class="fas fa-long-arrow-alt-down"></i>
          </span>
        </button>
      </th>
      <th class="pf-c-table__sort" role="columnheader" aria-sort="none" scope="col">
        <button class="pf-c-button pf-m-plain" type="button">Sign up
          <span class="pf-c-table__sort-indicator">
            <i class="fas fa-arrows-alt-v"></i>
          </span>
        </button>
      </th>
    </tr>
  </thead>
  <tbody role="rowgroup">
    <tr role="row">
      <td class="pf-c-table__toggle" role="cell">
        <button class="pf-c-button pf-m-plain pf-m-expanded" aria-labelledby="table-expandable-node1 table-expandable-expandable-toggle1" id="table-expandable-expandable-toggle1" aria-label="Details" aria-controls="table-expandable-content1" aria-expanded="true">
          <i class="fas fa-angle-right pf-c-table__toggle-icon" aria-hidden="true"></i>
        </button>
      </td>
      <th role="columnheader" data-label="Event title">
        <p id="table-expandable-node1">Quarked testing</p>
      </th>
      <td role="cell" data-label="Start date">April 2</td>
      <td role="cell" data-label="Sign up">
        <button class="pf-c-button pf-m-link rhd-m-register">
          Register
          <span class="pf-c-button__icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
        </button>
      </td>
    </tr>
  </tbody>
  <tbody class="pf-m-expanded" role="rowgroup">
    <tr role="row">
      <td class="pf-c-table__toggle" role="cell">
        <button class="pf-c-button pf-m-plain pf-m-expanded" aria-labelledby="table-expandable-node1 table-expandable-expandable-toggle1" id="table-expandable-expandable-toggle1" aria-label="Details" aria-controls="table-expandable-content1" aria-expanded="true">
          <i class="fas fa-angle-down pf-c-table__toggle-icon" aria-hidden="true"></i>
        </button>
      </td>
      <th role="columnheader" data-label="Event title">
        <p id="table-expandable-node1">Kubernetes Master course</p>
      </th>
      <td role="cell" data-label="Start date">April 6</td>
      <td role="cell" data-label="Sign up">
        <button class="pf-c-button pf-m-link rhd-m-register">
          Register
          <span class="pf-c-button__icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
        </button>
      </td>
    </tr>
    <tr class="pf-c-table__expandable-row pf-m-expanded" role="row">
      <td></td>
      <td role="cell" colspan="4" id="table-expandable-content1">
        <div class="pf-c-table__expandable-row-content">
          <table class="pf-c-table pf-m-compact pf-m-grid-md pf-m-no-border-rows rhd-m-nested-table" role="grid" aria-label="This is a compact table with border rows example" id="table-no-borders">
            <thead>
              <tr role="row">
                <th role="columnheader" scope="col">Master Course title</th>
                <th role="columnheader" scope="col">Language</th>
                <th role="columnheader" scope="col">CodeCasters</th>
                <th role="columnheader" scope="col">Date and time</th>
              </tr>
            </thead>
            <tbody role="rowgroup">
              <tr role="row">
                <th role="columnheader" data-label="Master Course title">
                  <span id="table-no-borders-name1">Kubernetes Master Course 1</span>
                </th>
                <td role="cell" data-label="Language">Portuguese</td>
                <td role="cell" data-label="CodeCasters">Edson Yanaga</td>
                <td role="cell" data-label="Date and time">April 4 14:00 UTC</td>
              </tr>
              <tr role="row">
                <th role="columnheader" data-label="Master Course title">
                  <span id="table-no-borders-name1">Kubernetes Master Course 2</span>
                </th>
                <td role="cell" data-label="Language">English</td>
                <td role="cell" data-label="CodeCasters">Burr Sutter</td>
                <td role="cell" data-label="Date and time">April 6 16:00 UTC</td>
              </tr>
            </tbody>
          </table>
        </div>
      </td>
    </tr>
  </tbody>
</table>

<table class="pf-c-table pf-m-grid-md rhd-c-table" role="grid" aria-label="Basic table example" id="table-basic">
  <thead>
    <tr role="row">
      <td role="cell"></td>
      <th class="pf-c-table__sort pf-m-width-30" role="columnheader" aria-sort="ascending" scope="col">
        <button class="pf-c-button pf-m-plain" type="button">Event title
          <span class="pf-c-table__sort-indicator">
            <i class="fas fa-arrows-alt-v"></i>
          </span>
        </button>
      </th>
      <th class="pf-c-table__sort pf-m-selected" role="columnheader" aria-sort="none" scope="col">
        <button class="pf-c-button pf-m-plain" type="button">Start date
          <span class="pf-c-table__sort-indicator">
            <i class="fas fa-long-arrow-alt-down"></i>
          </span>
        </button>
      </th>
      <th class="pf-c-table__sort" role="columnheader" aria-sort="none" scope="col">
        <button class="pf-c-button pf-m-plain" type="button">Sign up
          <span class="pf-c-table__sort-indicator">
            <i class="fas fa-arrows-alt-v"></i>
          </span>
        </button>
      </th>
    </tr>
  </thead>
  <tbody role="rowgroup">
    <tr role="row">
      <td class="pf-c-table__toggle" role="cell">
        <button class="pf-c-button pf-m-plain pf-m-expanded" aria-labelledby="table-expandable-node1 table-expandable-expandable-toggle1" id="table-expandable-expandable-toggle1" aria-label="Details" aria-controls="table-expandable-content1" aria-expanded="true">
          <i class="fas fa-angle-right pf-c-table__toggle-icon" aria-hidden="true"></i>
        </button>
      </td>
      <th role="columnheader" data-label="Event title">
        <p id="table-expandable-node1">Quarked testing</p>
      </th>
      <td role="cell" data-label="Start date">April 2</td>
      <td role="cell" data-label="Sign up">
        <button class="pf-c-button pf-m-link rhd-m-register">
          Register
          <span class="pf-c-button__icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
        </button>
      </td>
    </tr>
  </tbody>
  <tbody role="rowgroup">
    <tr role="row">
      <td class="pf-c-table__toggle" role="cell">
        <button class="pf-c-button pf-m-plain" aria-labelledby="table-expandable-node1 table-expandable-expandable-toggle1" id="table-expandable-expandable-toggle1" aria-label="Details" aria-controls="table-expandable-content1" aria-expanded="true">
          <i class="fas fa-angle-down pf-c-table__toggle-icon" aria-hidden="true"></i>
        </button>
      </td>
      <th role="columnheader" data-label="Event title">
        <p id="table-expandable-node1">Kubernetes Master course</p>
      </th>
      <td role="cell" data-label="Start date">April 6</td>
      <td role="cell" data-label="Sign up">
        <button class="pf-c-button pf-m-link rhd-m-register">
          Register
          <span class="pf-c-button__icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
        </button>
      </td>
    </tr>
  </tbody>
    <tbody role="rowgroup">
    <tr role="row">
      <td class="pf-c-table__toggle" role="cell">
        <button class="pf-c-button pf-m-plain" aria-labelledby="table-expandable-node1 table-expandable-expandable-toggle1" id="table-expandable-expandable-toggle1" aria-label="Details" aria-controls="table-expandable-content1" aria-expanded="true">
          <i class="fas fa-angle-down pf-c-table__toggle-icon" aria-hidden="true"></i>
        </button>
      </td>
      <th role="columnheader" data-label="Event title">
        <p id="table-expandable-node1">Kubernetes Master course</p>
      </th>
      <td role="cell" data-label="Start date">April 9</td>
      <td role="cell" data-label="Sign up">
        <button class="pf-c-button pf-m-link rhd-m-register">
          Register
          <span class="pf-c-button__icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
        </button>
      </td>
    </tr>
  </tbody>
  <tbody role="rowgroup">
    <tr role="row">
      <td class="pf-c-table__toggle" role="cell">
        <button class="pf-c-button pf-m-plain" aria-labelledby="table-expandable-node1 table-expandable-expandable-toggle1" id="table-expandable-expandable-toggle1" aria-label="Details" aria-controls="table-expandable-content1" aria-expanded="true">
          <i class="fas fa-angle-down pf-c-table__toggle-icon" aria-hidden="true"></i>
        </button>
      </td>
      <th role="columnheader" data-label="Event title">
        <p id="table-expandable-node1">Commit to excellence - Java in Containers</p>
      </th>
      <td role="cell" data-label="Start date">April 13</td>
      <td role="cell" data-label="Sign up">
        <button class="pf-c-button pf-m-link rhd-m-register">
          Register
          <span class="pf-c-button__icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
        </button>
      </td>
    </tr>
  </tbody>
  <tbody role="rowgroup">
    <tr role="row">
      <td class="pf-c-table__toggle" role="cell">
        <button class="pf-c-button pf-m-plain" aria-labelledby="table-expandable-node1 table-expandable-expandable-toggle1" id="table-expandable-expandable-toggle1" aria-label="Details" aria-controls="table-expandable-content1" aria-expanded="true">
          <i class="fas fa-angle-down pf-c-table__toggle-icon" aria-hidden="true"></i>
        </button>
      </td>
      <th role="columnheader" data-label="Event title">
        <p id="table-expandable-node1">Going deep (learning) with TensorFlow and Quarkus</p>
      </th>
      <td role="cell" data-label="Start date">April 15</td>
      <td role="cell" data-label="Sign up">
        <button class="pf-c-button pf-m-link rhd-m-register">
          Register
          <span class="pf-c-button__icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
        </button>
      </td>
    </tr>
  </tbody>
  <tbody role="rowgroup">
    <tr role="row">
      <td class="pf-c-table__toggle" role="cell">
        <button class="pf-c-button pf-m-plain pf-m-expanded" aria-labelledby="table-expandable-node1 table-expandable-expandable-toggle1" id="table-expandable-expandable-toggle1" aria-label="Details" aria-controls="table-expandable-content1" aria-expanded="true">
          <i class="fas fa-angle-right pf-c-table__toggle-icon" aria-hidden="true"></i>
        </button>
      </td>
      <th role="columnheader" data-label="Event title">
        <p id="table-expandable-node1">Istio Service Mesh Master Course</p>
      </th>
      <td role="cell" data-label="Start date">April 20</td>
      <td role="cell" data-label="Sign up">
        <button class="pf-c-button pf-m-link rhd-m-register pf-m-disabled">
          Register
          <span class="pf-c-button__icon"><i class="fas fa-arrow-right" aria-hidden="true"></i></span>
        </button>
      </td>
    </tr>
  </tbody>
</table>