diff --git a/orga/app/components/campaign/activity/participants-list.gjs b/orga/app/components/campaign/activity/participants-list.gjs
index 81676e8b822..80a6cba5fcc 100644
--- a/orga/app/components/campaign/activity/participants-list.gjs
+++ b/orga/app/components/campaign/activity/participants-list.gjs
@@ -1,7 +1,8 @@
 import PixIconButton from '@1024pix/pix-ui/components/pix-icon-button';
 import PixPagination from '@1024pix/pix-ui/components/pix-pagination';
+import PixTable from '@1024pix/pix-ui/components/pix-table';
+import PixTableColumn from '@1024pix/pix-ui/components/pix-table-column';
 import { array, fn } from '@ember/helper';
-import { on } from '@ember/modifier';
 import { action } from '@ember/object';
 import { LinkTo } from '@ember/routing';
 import { service } from '@ember/service';
@@ -9,7 +10,6 @@ import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { t } from 'ember-intl';
 
-import TableHeader from '../../table/header';
 import ParticipationStatus from '../../ui/participation-status';
 import ParticipationFilters from '../filter/participation-filters';
 import DeleteParticipationModal from './delete-participation-modal';
@@ -66,119 +66,114 @@ export default class ParticipantsList extends Component {
       @onResetFilter={{@onResetFilter}}
     />
 
-    <section ...attributes>
-      <div class="panel">
-        <table class="table content-text content-text--small">
-          <colgroup class="table__column">
-            <col class="table__column--wide" />
-            <col class="table__column--wide" />
-            {{#if @campaign.externalIdLabel}}
-              <col class="table__column--medium" />
-            {{/if}}
-            <col class="table__column--wide" />
-            {{#if @showParticipationCount}}
-              <col class="table__column--wide" />
-            {{/if}}
-            {{#if this.canDeleteParticipation}}
-              <col class="table__column--small table__column--right hide-on-mobile" />
-            {{/if}}
-          </colgroup>
-          <thead>
-            <tr>
-              <TableHeader>{{t "pages.campaign-activity.table.column.last-name"}}</TableHeader>
-              <TableHeader>{{t "pages.campaign-activity.table.column.first-name"}}</TableHeader>
-              {{#if @campaign.externalIdLabel}}
-                <TableHeader>{{@campaign.externalIdLabel}}</TableHeader>
-              {{/if}}
-              <TableHeader>{{t "pages.campaign-activity.table.column.status"}}</TableHeader>
-              {{#if @showParticipationCount}}
-                <TableHeader @size="wide">
-                  {{t "pages.campaign-activity.table.column.participationCount"}}
-                </TableHeader>
-              {{/if}}
-              {{#if this.canDeleteParticipation}}
-                <TableHeader class="hide-on-mobile">
-                  <span class="screen-reader-only">
-                    {{t "pages.campaign-activity.table.column.delete"}}
-                  </span>
-                </TableHeader>
-              {{/if}}
-            </tr>
-          </thead>
-
-          {{#if @participations}}
-            <tbody>
-              {{#each @participations as |participation|}}
-                <tr
-                  aria-label={{t "pages.campaign-activity.table.row-title"}}
-                  {{on "click" (fn @onClickParticipant @campaign.id participation.lastCampaignParticipationId)}}
-                  class="tr--clickable"
-                >
-                  <td>
-                    <LinkTo
-                      @route={{if
-                        @campaign.isTypeAssessment
-                        "authenticated.campaigns.participant-assessment"
-                        "authenticated.campaigns.participant-profile"
-                      }}
-                      @models={{array @campaign.id participation.lastCampaignParticipationId}}
-                    >
-                      <span
-                        aria-label="{{t
-                          'pages.campaign-activity.table.see-results'
-                          firstName=participation.firstName
-                          lastName=participation.lastName
-                        }}"
-                      >
-                        {{participation.lastName}}</span>
-                    </LinkTo>
-                  </td>
-                  <td>{{participation.firstName}}</td>
-                  {{#if @campaign.externalIdLabel}}
-                    <td class="table__column table__column--break-word">{{participation.participantExternalId}}</td>
-                  {{/if}}
-                  <td>
-                    <ParticipationStatus @status={{participation.status}} @campaignType={{@campaign.type}} />
-                  </td>
-                  {{#if @showParticipationCount}}
-                    <td>
-                      {{participation.participationCount}}
-                    </td>
-                  {{/if}}
-                  {{#if this.canDeleteParticipation}}
-                    <td class="hide-on-mobile">
-                      <PixIconButton
-                        @ariaLabel={{t "pages.campaign-activity.table.delete-button-label"}}
-                        @withBackground={{true}}
-                        @iconName="delete"
-                        @triggerAction={{fn this.openModal participation}}
-                        @size="small"
-                        class="campaign-activity-table-actions__button campaign-activity-table-actions__button--delete"
-                      />
-                    </td>
-                  {{/if}}
-                </tr>
-              {{/each}}
-            </tbody>
-          {{/if}}
-        </table>
-
-        {{#unless @participations}}
-          <p class="table__empty content-text">{{t "pages.campaign-activity.table.empty"}}</p>
-        {{/unless}}
-      </div>
-
-      {{#if @participations}}
-        <PixPagination @pagination={{@participations.meta}} @locale={{this.getCurrentLocale}} />
-      {{/if}}
-
-      <DeleteParticipationModal
-        @participation={{this.participationToDelete}}
-        @campaign={{@campaign}}
-        @deleteCampaignParticipation={{this.deleteCampaignParticipation}}
-        @closeModal={{this.closeModal}}
-        @isModalOpen={{this.isModalOpen}}
-      />
-    </section>
+    <PixTable
+      @variant="orga"
+      @caption={{@caption}}
+      @data={{@participations}}
+      class="table"
+      @onRowClick={{@onClickParticipant}}
+    >
+      <:columns as |participation context|>
+        <PixTableColumn @context={{context}}>
+          <:header>
+            {{t "pages.campaign-activity.table.column.last-name"}}
+          </:header>
+          <:cell>
+            <LinkTo
+              @route={{if
+                @campaign.isTypeAssessment
+                "authenticated.campaigns.participant-assessment"
+                "authenticated.campaigns.participant-profile"
+              }}
+              @models={{array @campaign.id participation.lastCampaignParticipationId}}
+            >
+              <span
+                aria-label={{t
+                  "pages.campaign-activity.table.see-results"
+                  firstName=participation.firstName
+                  lastName=participation.lastName
+                }}
+              >
+                {{participation.lastName}}</span>
+            </LinkTo>
+          </:cell>
+        </PixTableColumn>
+
+        <PixTableColumn @context={{context}}>
+          <:header>
+            {{t "pages.campaign-activity.table.column.first-name"}}
+          </:header>
+          <:cell>
+            {{participation.firstName}}
+          </:cell>
+        </PixTableColumn>
+
+        {{#if @campaign.externalIdLabel}}
+          <PixTableColumn @context={{context}}>
+            <:header>
+              {{@campaign.externalIdLabel}}
+            </:header>
+            <:cell>
+              {{participation.ownerFullName}}
+            </:cell>
+          </PixTableColumn>
+        {{/if}}
+
+        <PixTableColumn @context={{context}}>
+          <:header>
+            {{t "pages.campaign-activity.table.column.status"}}
+          </:header>
+          <:cell>
+            <ParticipationStatus @status={{participation.status}} @campaignType={{@campaign.type}} />
+          </:cell>
+        </PixTableColumn>
+
+        {{#if @showParticipationCount}}
+          <PixTableColumn @context={{context}} @type="number">
+            <:header>
+              {{t "pages.campaign-activity.table.column.participationCount"}}
+            </:header>
+            <:cell>
+              {{participation.participationCount}}
+            </:cell>
+          </PixTableColumn>
+        {{/if}}
+
+        {{#if this.canDeleteParticipation}}
+          <PixTableColumn @context={{context}}>
+            <:header>
+              {{t "pages.campaign-activity.table.column.delete"}}
+            </:header>
+            <:cell>
+              <PixIconButton
+                @ariaLabel={{t "pages.campaign-activity.table.delete-button-label"}}
+                @withBackground={{true}}
+                @iconName="delete"
+                @triggerAction={{fn this.openModal participation}}
+                @size="small"
+                class="campaign-activity-table-actions__button campaign-activity-table-actions__button--delete"
+              />
+            </:cell>
+          </PixTableColumn>
+        {{/if}}
+
+      </:columns>
+    </PixTable>
+
+    {{#unless @participations}}
+      <p class="table__empty content-text">{{t "pages.campaign-activity.table.empty"}}</p>
+    {{/unless}}
+
+    {{#if @participations}}
+      <PixPagination @pagination={{@participations.meta}} @locale={{this.getCurrentLocale}} />
+    {{/if}}
+
+    <DeleteParticipationModal
+      @participation={{this.participationToDelete}}
+      @campaign={{@campaign}}
+      @deleteCampaignParticipation={{this.deleteCampaignParticipation}}
+      @closeModal={{this.closeModal}}
+      @isModalOpen={{this.isModalOpen}}
+    />
   </template>
 }
diff --git a/orga/app/components/campaign/analysis/competences.gjs b/orga/app/components/campaign/analysis/competences.gjs
index 62ad0291097..d5ef2540059 100644
--- a/orga/app/components/campaign/analysis/competences.gjs
+++ b/orga/app/components/campaign/analysis/competences.gjs
@@ -1,56 +1,60 @@
 import PixProgressBar from '@1024pix/pix-ui/components/pix-progress-bar';
+import PixTable from '@1024pix/pix-ui/components/pix-table';
+import PixTableColumn from '@1024pix/pix-ui/components/pix-table-column';
 import { hash } from '@ember/helper';
 import { t } from 'ember-intl';
 
-import TableHeader from '../../table/header';
-
 function getCount(campaignCollectiveResult) {
   const competenceCollectiveResultsCount = campaignCollectiveResult.get('campaignCompetenceCollectiveResults').length;
   return competenceCollectiveResultsCount ? competenceCollectiveResultsCount : '-';
 }
 
 <template>
-  <section class="competences-section">
-    <h3 class="campaign-details-analysis campaign-details-analysis__header">
+  <section>
+    <h3 class="campaign-details-analysis__header">
       {{t "pages.campaign-review.table.competences.title"}}
     </h3>
-    <table
-      class="panel panel--light-shadow competences-analysis__table content-text content-text--small"
-      aria-label={{t "pages.campaign-review.table.competences.title"}}
+
+    <PixTable
+      @variant="orga"
+      @caption={{t "pages.campaign-review.table.competences.title"}}
+      @data={{@campaignCollectiveResult.campaignCompetenceCollectiveResults}}
+      class="table"
     >
-      <thead>
-        <tr>
-          <TableHeader @size="wide">{{t
+      <:columns as |competenceResult context|>
+
+        <PixTableColumn @context={{context}}>
+          <:header>
+            {{t
               "pages.campaign-review.table.competences.column.competences"
               (hash count=(getCount @campaignCollectiveResult))
               htmlSafe=true
-            }}</TableHeader>
-          <TableHeader @size="wide">{{t "pages.campaign-review.table.competences.column.results.label"}}</TableHeader>
-        </tr>
-      </thead>
-      <tbody>
-        {{#each @campaignCollectiveResult.campaignCompetenceCollectiveResults as |competenceResult|}}
-          <tr aria-label={{t "pages.campaign-review.table.competences.row-title"}}>
-            <td class="competences-col__name">
-              <span class="competences-col__border competences-col__border--{{competenceResult.areaColor}}"></span>
-              <span>
-                {{competenceResult.competenceName}}
-              </span>
-            </td>
-            <td class="competences-col__gauge">
-              <PixProgressBar
-                @value={{competenceResult.validatedSkillsPercentage}}
-                @tooltipText={{t
-                  "pages.campaign-review.table.competences.column.results.tooltip"
-                  result=competenceResult.validatedSkillsPercentage
-                  competence=competenceResult.competenceName
-                  htmlSafe=true
-                }}
-              />
-            </td>
-          </tr>
-        {{/each}}
-      </tbody>
-    </table>
+            }}
+          </:header>
+          <:cell>
+            <span class="competences-col__border competences-col__border--{{competenceResult.areaColor}}">
+              {{competenceResult.competenceName}}
+            </span>
+          </:cell>
+        </PixTableColumn>
+
+        <PixTableColumn @context={{context}}>
+          <:header>
+            {{t "pages.campaign-review.table.competences.column.results.label"}}
+          </:header>
+          <:cell>
+            <PixProgressBar
+              @value={{competenceResult.validatedSkillsPercentage}}
+              @tooltipText={{t
+                "pages.campaign-review.table.competences.column.results.tooltip"
+                result=competenceResult.validatedSkillsPercentage
+                competence=competenceResult.competenceName
+                htmlSafe=true
+              }}
+            />
+          </:cell>
+        </PixTableColumn>
+      </:columns>
+    </PixTable>
   </section>
 </template>
diff --git a/orga/app/components/campaign/analysis/recommendations.gjs b/orga/app/components/campaign/analysis/recommendations.gjs
index 0f46d4674d6..53d33ec8f7c 100644
--- a/orga/app/components/campaign/analysis/recommendations.gjs
+++ b/orga/app/components/campaign/analysis/recommendations.gjs
@@ -1,20 +1,17 @@
-import PixBlock from '@1024pix/pix-ui/components/pix-block';
+import PixTable from '@1024pix/pix-ui/components/pix-table';
 import { action } from '@ember/object';
 import { service } from '@ember/service';
 import { htmlSafe } from '@ember/template';
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { t } from 'ember-intl';
-import { not } from 'ember-truth-helpers';
 
-import TableHeader from '../../table/header';
-import TableHeaderSort from '../../table/header-sort';
-import TubeRecommendationRow from '../analysis/tube-recommendation-row';
+import TubeRecommendationRow from './tube-recommendation-row';
 
 export default class Recommendations extends Component {
   @service intl;
   @tracked sortedRecommendations;
-  @tracked order;
+  @tracked order = null;
 
   constructor() {
     super(...arguments);
@@ -28,84 +25,62 @@ export default class Recommendations extends Component {
     });
   }
 
-  get description() {
-    return htmlSafe(
-      this.intl.t('pages.campaign-review.description', {
-        bubble:
-          '<span aria-hidden="true" focusable="false">(<svg height="10" width="10" role="img"><circle cx="5" cy="5" r="5" class="campaign-details-analysis recommendation-indicator__bubble" /></svg>)</span>',
-      }),
-    );
-  }
-
   @action
-  async sortRecommendationOrder(order) {
-    this.order = order;
+  async sortRecommendationOrder() {
     const campaignTubeRecommendations = this.sortedRecommendations.slice();
 
     if (!this.sortedRecommendations) {
       return null;
-    } else if (order === 'desc') {
+    } else if (this.order === 'desc') {
+      this.order = 'asc';
       this.sortedRecommendations = campaignTubeRecommendations.sort((a, b) => {
         return a.averageScore - b.averageScore;
       });
     } else {
+      this.order = 'desc';
       this.sortedRecommendations = campaignTubeRecommendations.sort((a, b) => {
         return b.averageScore - a.averageScore;
       });
     }
   }
+
+  get description() {
+    return htmlSafe(
+      this.intl.t('pages.campaign-review.description', {
+        bubble:
+          '<span aria-hidden="true" focusable="false">(<svg height="10" width="10" role="img"><circle cx="5" cy="5" r="5" class="campaign-details-analysis recommendation-indicator__bubble" /></svg>)</span>',
+      }),
+    );
+  }
+
   <template>
-    <section class="campaign-details-analysis-section">
-      <h3 class="campaign-details-analysis campaign-details-analysis__header">{{t
-          "pages.campaign-review.sub-title"
-        }}</h3>
-      <p class="campaign-details-analysis campaign-details-analysis__text">
+    <section>
+      <h3 class="campaign-details-analysis__header">
+        {{t "pages.campaign-review.sub-title"}}
+      </h3>
+      <p class="campaign-details-analysis__text">
         {{this.description}}
       </p>
+      <PixTable
+        @variant="orga"
+        @caption={{t "pages.campaign-review.table.analysis.title"}}
+        @data={{this.sortedRecommendations}}
+        class="table"
+      >
+        <:columns as |tubeRecommendation context|>
+          <TubeRecommendationRow
+            @tubeRecommendation={{tubeRecommendation}}
+            @context={{context}}
+            @count={{this.sortedRecommendations.length}}
+            @order={{this.order}}
+            @sortRecommendationOrder={{this.sortRecommendationOrder}}
+          />
+        </:columns>
+      </PixTable>
 
-      <PixBlock>
-        <table aria-label={{t "pages.campaign-review.table.analysis.title"}}>
-          <caption class="screen-reader-only">{{t "pages.campaign-review.table.analysis.caption"}}</caption>
-          <thead>
-            <tr>
-              <TableHeader @size="wide">{{t
-                  "pages.campaign-review.table.analysis.column.subjects"
-                  count=this.sortedRecommendations.length
-                }}
-              </TableHeader>
-              <TableHeaderSort
-                @size="small"
-                @align="center"
-                @order={{this.order}}
-                @onSort={{this.sortRecommendationOrder}}
-                @isDisabled={{not @displayAnalysis}}
-                @ariaLabelDefaultSort={{t "pages.campaign-review.table.analysis.column.relevance.ariaLabelDefaultSort"}}
-                @ariaLabelSortUp={{t "pages.campaign-review.table.analysis.column.relevance.ariaLabelSortUp"}}
-                @ariaLabelSortDown={{t "pages.campaign-review.table.analysis.column.relevance.ariaLabelSortDown"}}
-              >
-                {{t "pages.campaign-review.table.analysis.column.relevance.label"}}
-              </TableHeaderSort>
-              <TableHeader
-                @size="small"
-                @align="center"
-                aria-label="{{t 'pages.campaign-review.table.analysis.column.tutorial-count.aria-label'}}"
-              />
-              <TableHeader @size="small" />
-            </tr>
-          </thead>
-
-          {{#if @displayAnalysis}}
-            <tbody>
-              {{#each this.sortedRecommendations as |tubeRecommendation|}}
-                <TubeRecommendationRow @tubeRecommendation={{tubeRecommendation}} />
-              {{/each}}
-            </tbody>
-          {{/if}}
-        </table>
-        {{#unless @displayAnalysis}}
-          <div class="table__empty content-text">{{t "pages.campaign-review.table.empty"}}</div>
-        {{/unless}}
-      </PixBlock>
+      {{#unless @displayAnalysis}}
+        <div class="table__empty content-text">{{t "pages.campaign-review.table.empty"}}</div>
+      {{/unless}}
     </section>
   </template>
 }
diff --git a/orga/app/components/campaign/analysis/tube-recommendation-detail.gjs b/orga/app/components/campaign/analysis/tube-recommendation-detail.gjs
new file mode 100644
index 00000000000..e1cf8c113c4
--- /dev/null
+++ b/orga/app/components/campaign/analysis/tube-recommendation-detail.gjs
@@ -0,0 +1,26 @@
+import dayjsDurationHumanize from 'ember-dayjs/helpers/dayjs-duration-humanize';
+import { t } from 'ember-intl';
+
+<template>
+  <div class="tube-recommendation-tutorial__description">
+    {{@tubeRecommendation.tubeDescription}}
+  </div>
+  <h4 class="tube-recommendation-tutorial__title">
+    {{t "pages.campaign-review.sub-table.title" count=@tubeRecommendation.tutorials.length}}
+  </h4>
+  <ul>
+    {{#each @tubeRecommendation.tutorials as |tutorial|}}
+      <li>
+        <a href={{tutorial.link}} class="link" target="_blank" rel="noopener noreferrer">{{tutorial.title}}</a>
+        <span class="tube-recommendation-tutorial__details">
+          <strong>·</strong>
+          {{t "pages.campaign-review.sub-table.column.source.value" source=tutorial.source}}
+          <strong>·</strong>
+          <span class="tube-recommendation-tutorial__format">{{tutorial.format}}</span>
+          <strong>·</strong>
+          {{dayjsDurationHumanize tutorial.duration "seconds"}}
+        </span>
+      </li>
+    {{/each}}
+  </ul>
+</template>
diff --git a/orga/app/components/campaign/analysis/tube-recommendation-row.gjs b/orga/app/components/campaign/analysis/tube-recommendation-row.gjs
index 33e4c4c20fc..efe99124f50 100644
--- a/orga/app/components/campaign/analysis/tube-recommendation-row.gjs
+++ b/orga/app/components/campaign/analysis/tube-recommendation-row.gjs
@@ -1,101 +1,84 @@
+import PixTableColumn from '@1024pix/pix-ui/components/pix-table-column';
 import { action } from '@ember/object';
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
-import dayjsDurationHumanize from 'ember-dayjs/helpers/dayjs-duration-humanize';
 import { t } from 'ember-intl';
-import { gt, not } from 'ember-truth-helpers';
+import { and, gt } from 'ember-truth-helpers';
 
 import Chevron from '../../ui/chevron';
 import RecommendationIndicator from './recommendation-indicator';
+import TubeRecommendationDetail from './tube-recommendation-detail';
 import TutorialCounter from './tutorial-counter';
 
 export default class TubeRecommendationRowComponent extends Component {
   @tracked
-  isOpen = false;
+  isOpenRecommandationTube = false;
 
   @action
   toggleTutorialsSection() {
-    this.isOpen = !this.isOpen;
+    this.isOpenRecommandationTube = !this.isOpenRecommandationTube;
   }
+
   <template>
-    <tr aria-label="{{t 'pages.campaign-review.table.analysis.row-title'}}">
-      <td class="competences-col__name">
-        <div class="competences-col-name-wrapper">
-          <span
-            class="competences-col__border
-              {{if this.isOpen ' competences-col__border--top'}}
-              competences-col__border--{{@tubeRecommendation.areaColor}}"
-          ></span>
-          <span class="tube-recommendation-title {{if this.isOpen ' tube-recommendation-title--open'}}">
-            {{@tubeRecommendation.tubePracticalTitle}}<br />
-            <sub class="tube-recommendation-subtitle {{if this.isOpen ' tube-recommendation-subtitle--open'}}">
-              {{@tubeRecommendation.competenceName}}
-            </sub>
+    <PixTableColumn @context={{@context}}>
+      <:header>
+        {{t "pages.campaign-review.table.analysis.column.subjects" count=@count}}
+      </:header>
+      <:cell>
+        <span class="competences-col__border competences-col__border--{{@tubeRecommendation.areaColor}}">
+          <span class="tube-recommendation-title">
+            {{@tubeRecommendation.tubePracticalTitle}}
           </span>
-        </div>
-      </td>
-      <td>
+          <sub class="tube-recommendation-subtitle">
+            {{@tubeRecommendation.competenceName}}
+          </sub>
+
+          {{#if (and (gt @tubeRecommendation.tutorials.length 0) this.isOpenRecommandationTube)}}
+            <TubeRecommendationDetail @tubeRecommendation={{@tubeRecommendation}} />
+          {{/if}}
+        </span>
+      </:cell>
+    </PixTableColumn>
+
+    <PixTableColumn
+      @context={{@context}}
+      @type="number"
+      @sortOrder={{@order}}
+      @onSort={{@sortRecommendationOrder}}
+      @ariaLabelDefaultSort={{t "pages.campaign-review.table.analysis.column.relevance.ariaLabelDefaultSort"}}
+      @ariaLabelSortAsc={{t "pages.campaign-review.table.analysis.column.relevance.ariaLabelSortUp"}}
+      @ariaLabelSortDesc={{t "pages.campaign-review.table.analysis.column.relevance.ariaLabelSortDown"}}
+    >
+      <:header>
+        {{t "pages.campaign-review.table.competences.column.results.label"}}
+      </:header>
+      <:cell>
         <RecommendationIndicator @value={{@tubeRecommendation.averageScore}} />
-      </td>
-      <td>
+      </:cell>
+    </PixTableColumn>
+
+    <PixTableColumn @context={{@context}}>
+      <:header>
+        {{t "pages.campaign-review.table.analysis.column.tutorial-count.aria-label"}}
+      </:header>
+      <:cell>
         <TutorialCounter @tutorials={{@tubeRecommendation.tutorials}} />
-      </td>
-      <td class="table__column--right">
+      </:cell>
+    </PixTableColumn>
+
+    <PixTableColumn @context={{@context}}>
+      <:header>
+        {{t "common.actions.global"}}
+      </:header>
+      <:cell>
         {{#if (gt @tubeRecommendation.tutorials.length 0)}}
           <Chevron
-            @isOpen={{this.isOpen}}
+            @isOpen={{this.isOpenRecommandationTube}}
             @onClick={{this.toggleTutorialsSection}}
             @ariaLabel={{t "pages.campaign-review.table.analysis.column.tutorial.aria-label"}}
           />
         {{/if}}
-      </td>
-    </tr>
-    <tr
-      class="tube-recommendation-tutorial {{if this.isOpen ' tube-recommendation-tutorial--open'}}"
-      aria-hidden="{{not this.isOpen}}"
-    >
-      <td colspan="4" class="tube-recommendation-tutorial__column">
-        <div
-          class="tube-recommendation-tutorial-wrapper {{if this.isOpen ' tube-recommendation-tutorial-wrapper--open'}}"
-        >
-          <span
-            class="competences-col__border competences-col__border--bottom
-              {{if this.isOpen ' competences-col__border--open'}}
-              competences-col__border--{{@tubeRecommendation.areaColor}}"
-          ></span>
-          <div class="tube-recommendation-tutorial__description">
-            {{@tubeRecommendation.tubeDescription}}
-          </div>
-          <h3 class="tube-recommendation-tutorial__title">
-            {{t "pages.campaign-review.sub-table.title" count=@tubeRecommendation.tutorials.length}}
-          </h3>
-          <table class="tube-recommendation-tutorial-table">
-            <tbody>
-              {{#each @tubeRecommendation.tutorials as |tutorial|}}
-                <tr aria-label={{t "pages.campaign-review.sub-table.row-title"}} class="table__row--small">
-                  <td class="tube-recommendation-tutorial-table__row">
-                    <a
-                      href={{tutorial.link}}
-                      class="link"
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      tabindex="{{if this.isOpen '0' '-1'}}"
-                    >{{tutorial.title}}</a>
-                    <span class="tube-recommendation-tutorial-table__details">
-                      <strong>·</strong>
-                      {{t "pages.campaign-review.sub-table.column.source.value" source=tutorial.source}}
-                      <strong>·</strong>
-                      <span class="tube-recommendation-tutorial-table__format">{{tutorial.format}}</span>
-                      <strong>·</strong>
-                      {{dayjsDurationHumanize tutorial.duration "seconds"}}
-                    </span>
-                  </td>
-                </tr>
-              {{/each}}
-            </tbody>
-          </table>
-        </div>
-      </td>
-    </tr>
+      </:cell>
+    </PixTableColumn>
   </template>
 }
diff --git a/orga/app/components/campaign/list.gjs b/orga/app/components/campaign/list.gjs
index 010ff24d04e..ff72c9d19d2 100644
--- a/orga/app/components/campaign/list.gjs
+++ b/orga/app/components/campaign/list.gjs
@@ -1,6 +1,8 @@
 import PixButton from '@1024pix/pix-ui/components/pix-button';
 import PixCheckbox from '@1024pix/pix-ui/components/pix-checkbox';
 import PixPagination from '@1024pix/pix-ui/components/pix-pagination';
+import PixTable from '@1024pix/pix-ui/components/pix-table';
+import PixTableColumn from '@1024pix/pix-ui/components/pix-table-column';
 import { fn, uniqueId } from '@ember/helper';
 import { on } from '@ember/modifier';
 import { action } from '@ember/object';
@@ -10,11 +12,10 @@ import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import dayjsFormat from 'ember-dayjs/helpers/dayjs-format';
 import { t } from 'ember-intl';
-import { eq, not } from 'ember-truth-helpers';
+import { not } from 'ember-truth-helpers';
 
 import InElement from '../in-element';
 import SelectableList from '../selectable-list';
-import TableHeader from '../table/header';
 import UiActionBar from '../ui/action-bar';
 import UiDeletionModal from '../ui/deletion-modal';
 import CampaignType from './detail/type';
@@ -39,6 +40,10 @@ export default class List extends Component {
     return this.args.canDelete ?? false;
   }
 
+  get displayEmptyResult() {
+    return this.args.campaigns.length === 0;
+  }
+
   @action
   toggleDeletionModal() {
     this.showDeletionModal = !this.showDeletionModal;
@@ -67,95 +72,160 @@ export default class List extends Component {
 
   <template>
     {{#let (uniqueId) (uniqueId) (uniqueId) (uniqueId) as |actionBarId paginationId headerId filtersId|}}
-      <section class="campaign-list">
-        <div id={{filtersId}} />
-
-        <div class="panel">
-          <table class="table content-text content-text--small">
-            <caption class="screen-reader-only">{{@caption}}</caption>
-            <thead id={{headerId}} />
-
-            <tbody>
-              <SelectableList @items={{@campaigns}}>
-                <:manager as |allSelected someSelected toggleAll selectedCampaigns reset|>
-                  <InElement @destinationId={{filtersId}}>
-                    <CampaignFilters
-                      @ownerNameFilter={{@ownerNameFilter}}
-                      @nameFilter={{@nameFilter}}
-                      @statusFilter={{@statusFilter}}
-                      @onFilter={{fn withFunction @onFilter reset}}
-                      @onClearFilters={{fn withFunction @onClear reset}}
-                      @numResults={{@campaigns.meta.rowCount}}
-                      @canDelete={{this.canDelete}}
-                      @listOnlyCampaignsOfCurrentUser={{@hideCampaignOwnerFilter}}
-                    />
-                  </InElement>
-                  <Headers @destinationId={{headerId}} @showCampaignOwner={{@showCampaignOwner}}>
-                    {{#if this.canDelete}}
-                      <TableHeader @size="small">
-                        <PixCheckbox
-                          @screenReaderOnly={{true}}
-                          @checked={{someSelected}}
-                          @isIndeterminate={{not allSelected}}
-                          disabled={{not @campaigns.length}}
-                          {{on "click" toggleAll}}
-                        ><:label>{{t "pages.campaigns-list.table.column.mainCheckbox"}}</:label></PixCheckbox>
-                      </TableHeader>
-                    {{/if}}
-                  </Headers>
-                  {{#if someSelected}}
-                    <ActionBar
-                      @destinationId={{actionBarId}}
-                      @count={{selectedCampaigns.length}}
-                      @openDeletionModal={{this.toggleDeletionModal}}
-                    />
-                    <DeletionModal
-                      @showModal={{this.showDeletionModal}}
-                      @onCloseModal={{this.toggleDeletionModal}}
-                      @count={{selectedCampaigns.length}}
-                      @deleteCampaigns={{fn (fn withFunction this.deleteCampaigns reset) selectedCampaigns}}
-                    />
-                  {{/if}}
-                  <PixPaginationControl
-                    @destinationId={{paginationId}}
-                    @onChange={{reset}}
-                    @pagination={{@campaigns.meta}}
-                  />
-                </:manager>
-                <:item as |campaign toggleCampaign isCampaignSelected|>
-                  <Row
-                    @campaign={{campaign}}
-                    @showCampaignOwner={{@showCampaignOwner}}
-                    @labels={{this.labels}}
-                    @onClickCampaign={{@onClickCampaign}}
+      <div id={{filtersId}} />
+      <SelectableList
+        @items={{@campaigns}}
+        as |toggleCampaign isCampaignSelected allSelected someSelected toggleAll selectedCampaigns reset|
+      >
+        <PixTable
+          @variant="orga"
+          @caption={{@caption}}
+          @data={{@campaigns}}
+          class="table"
+          @onRowClick={{@onClickCampaign}}
+        >
+          <:columns as |campaign context|>
+            {{#if this.canDelete}}
+              <PixTableColumn @context={{context}}>
+                <:header>
+                  <PixCheckbox
+                    @screenReaderOnly={{true}}
+                    @checked={{someSelected}}
+                    @isIndeterminate={{not allSelected}}
+                    disabled={{not @campaigns.length}}
+                    {{on "click" toggleAll}}
                   >
-                    {{#if this.canDelete}}
-                      <td {{on "click" (fn withFunction toggleCampaign stopPropagation)}}>
-                        <PixCheckbox
-                          {{on "click" (fn withFunction toggleCampaign stopPropagation)}}
-                          @checked={{isCampaignSelected}}
-                        />
-                      </td>
-                    {{/if}}
-                  </Row>
-                </:item>
-              </SelectableList>
-            </tbody>
-          </table>
-          {{#if (eq @campaigns.length 0)}}
-            <p class="table__empty content-text">
-              {{t "pages.campaigns-list.table.empty"}}
-            </p>
-          {{/if}}
-        </div>
-
-        <div id={{paginationId}} />
-      </section>
+                    <:label>{{t "pages.campaigns-list.table.column.mainCheckbox"}}</:label>
+                  </PixCheckbox>
+                </:header>
+                <:cell>
+                  <span {{on "click" (fn withFunction (fn toggleCampaign campaign) stopPropagation)}}>
+                    <PixCheckbox
+                      {{on "click" (fn withFunction (fn toggleCampaign campaign) stopPropagation)}}
+                      @checked={{isCampaignSelected campaign}}
+                    />
+                  </span>
+                </:cell>
+              </PixTableColumn>
+            {{/if}}
+
+            <PixTableColumn @context={{context}}>
+              <:header>
+                {{t "pages.campaigns-list.table.column.name"}}
+              </:header>
+              <:cell>
+                <span class="table__link-cell">
+                  <CampaignType @labels={{this.labels}} @campaignType={{campaign.type}} @hideLabel={{true}} />
+                  <LinkTo @route="authenticated.campaigns.campaign" @model={{campaign.id}}>
+                    {{campaign.name}}
+                  </LinkTo>
+                </span>
+              </:cell>
+            </PixTableColumn>
+
+            <PixTableColumn @context={{context}}>
+              <:header>
+                {{t "pages.campaigns-list.table.column.code"}}
+              </:header>
+              <:cell>
+                <span {{on "click" stopPropagation}}>{{campaign.code}}</span>
+              </:cell>
+            </PixTableColumn>
+
+            {{#if @showCampaignOwner}}
+              <PixTableColumn @context={{context}}>
+                <:header>
+                  {{t "pages.campaigns-list.table.column.created-by"}}
+                </:header>
+                <:cell>
+                  {{campaign.ownerFullName}}
+                </:cell>
+              </PixTableColumn>
+            {{/if}}
+
+            <PixTableColumn @context={{context}}>
+              <:header>
+                {{t "pages.campaigns-list.table.column.created-on"}}
+              </:header>
+              <:cell>
+                {{dayjsFormat campaign.createdAt "DD/MM/YYYY" allow-empty=true}}
+              </:cell>
+            </PixTableColumn>
+
+            <PixTableColumn @context={{context}}>
+              <:header>
+                {{t "pages.campaigns-list.table.column.participants"}}
+              </:header>
+              <:cell>
+                {{campaign.participationsCount}}
+              </:cell>
+            </PixTableColumn>
+
+            <PixTableColumn @context={{context}}>
+              <:header>
+                {{t "pages.campaigns-list.table.column.results"}}
+              </:header>
+              <:cell>
+                {{campaign.sharedParticipationsCount}}
+              </:cell>
+            </PixTableColumn>
+          </:columns>
+        </PixTable>
+
+        {{#if this.displayEmptyResult}}
+          <p class="table__empty content-text">
+            {{t "pages.campaigns-list.table.empty"}}
+          </p>
+        {{/if}}
+
+        {{#if someSelected}}
+          <ActionBar
+            @destinationId={{actionBarId}}
+            @count={{selectedCampaigns.length}}
+            @openDeletionModal={{this.toggleDeletionModal}}
+          />
+
+          <DeletionModal
+            @showModal={{this.showDeletionModal}}
+            @onCloseModal={{this.toggleDeletionModal}}
+            @count={{selectedCampaigns.length}}
+            @deleteCampaigns={{fn (fn withFunction this.deleteCampaigns reset) selectedCampaigns}}
+          />
+        {{/if}}
+        <PixPaginationControl @destinationId={{paginationId}} @onChange={{reset}} @pagination={{@campaigns.meta}} />
+        <Filters
+          @destinationId={{filtersId}}
+          @reset={{reset}}
+          @ownerNameFilter={{@ownerNameFilter}}
+          @nameFilter={{@nameFilter}}
+          @statusFilter={{@statusFilter}}
+          @onFilter={{@onFilter}}
+          @onClearFilters={{@onClear}}
+          @numResults={{@campaigns.meta.rowCount}}
+          @hideCampaignOwnerFilter={{@hideCampaignOwnerFilter}}
+        />
+      </SelectableList>
+      <div id={{paginationId}} />
       <div id={{actionBarId}} />
     {{/let}}
   </template>
 }
 
+const Filters = <template>
+  <InElement @destinationId={{@destinationId}}>
+    <CampaignFilters
+      @ownerNameFilter={{@ownerNameFilter}}
+      @nameFilter={{@nameFilter}}
+      @statusFilter={{@statusFilter}}
+      @onFilter={{fn withFunction @onFilter @reset}}
+      @onClearFilters={{fn withFunction @onClearFilters @reset}}
+      @numResults={{@numResults}}
+      @canDelete={{this.canDelete}}
+      @listOnlyCampaignsOfCurrentUser={{@hideCampaignOwnerFilter}}
+    />
+  </InElement>
+</template>;
+
 const PixPaginationControl = <template>
   <InElement @destinationId={{@destinationId}} @waitForElement={{true}}>
     <PixPagination @pagination={{@pagination}} @onChange={{@onChange}} @locale={{this.intl.primaryLocale}} />
@@ -192,46 +262,3 @@ const DeletionModal = <template>
     </:content>
   </UiDeletionModal>
 </template>;
-
-const Headers = <template>
-  <InElement @destinationId={{@destinationId}}>
-    <tr>
-      {{yield}}
-      <TableHeader @size="wide">{{t "pages.campaigns-list.table.column.name"}}</TableHeader>
-      <TableHeader @size="medium">{{t "pages.campaigns-list.table.column.code"}}</TableHeader>
-      {{#if @showCampaignOwner}}
-        <TableHeader @size="medium" class="hide-on-mobile">{{t
-            "pages.campaigns-list.table.column.created-by"
-          }}</TableHeader>
-      {{/if}}
-      <TableHeader @size="medium" class="hide-on-mobile">{{t
-          "pages.campaigns-list.table.column.created-on"
-        }}</TableHeader>
-      <TableHeader @size="medium" class="hide-on-mobile">{{t
-          "pages.campaigns-list.table.column.participants"
-        }}</TableHeader>
-      <TableHeader @size="medium" class="hide-on-mobile">{{t "pages.campaigns-list.table.column.results"}}</TableHeader>
-    </tr>
-  </InElement>
-</template>;
-
-const Row = <template>
-  <tr {{on "click" (fn @onClickCampaign @campaign.id)}} class="tr--clickable">
-    {{yield}}
-    <td>
-      <span class="campaign-list__campaign-link-cell">
-        <CampaignType @campaignType={{@campaign.type}} @hideLabel={{true}} />
-        <LinkTo @route="authenticated.campaigns.campaign" @model={{@campaign.id}}>
-          {{@campaign.name}}
-        </LinkTo>
-      </span>
-    </td>
-    <td {{on "click" stopPropagation}}>{{@campaign.code}}</td>
-    {{#if @showCampaignOwner}}
-      <td class="hide-on-mobile">{{@campaign.ownerFullName}}</td>
-    {{/if}}
-    <td class="hide-on-mobile">{{dayjsFormat @campaign.createdAt "DD/MM/YYYY" allow-empty=true}}</td>
-    <td class="hide-on-mobile">{{@campaign.participationsCount}}</td>
-    <td class="hide-on-mobile">{{@campaign.sharedParticipationsCount}}</td>
-  </tr>
-</template>;
diff --git a/orga/app/components/campaign/results/assessment-list.gjs b/orga/app/components/campaign/results/assessment-list.gjs
index baacdf168c4..4b5dda65762 100644
--- a/orga/app/components/campaign/results/assessment-list.gjs
+++ b/orga/app/components/campaign/results/assessment-list.gjs
@@ -1,14 +1,19 @@
 import PixPagination from '@1024pix/pix-ui/components/pix-pagination';
+import PixTable from '@1024pix/pix-ui/components/pix-table';
+import PixTableColumn from '@1024pix/pix-ui/components/pix-table-column';
+import { array, fn } from '@ember/helper';
+import { LinkTo } from '@ember/routing';
 import { t } from 'ember-intl';
 
 import getService from '../../../helpers/get-service.js';
-import TableHeader from '../../table/header';
+import MasteryPercentageDisplay from '../../ui/mastery-percentage-display';
+import CampaignBadges from '../badges';
 import CampaignParticipationFilters from '../filter/participation-filters';
-import CampaignAssessmentRow from './assessment-row';
 import EvolutionHeader from './evolution-header';
+import ParticipationEvolutionIcon from './participation-evolution-icon';
 
 <template>
-  <section ...attributes>
+  <section>
     <h3 class="screen-reader-only">{{t "pages.campaign-results.table.title"}}</h3>
 
     <CampaignParticipationFilters
@@ -25,69 +30,104 @@ import EvolutionHeader from './evolution-header';
       @onFilter={{@onFilter}}
     />
 
-    <div class="panel">
-      <table class="table content-text content-text--small">
-        <caption class="screen-reader-only">{{@caption}}</caption>
-        <colgroup class="table__column">
-          <col />
-          <col />
-          {{#if @campaign.externalIdLabel}}
-            <col class="table__column--medium" />
-          {{/if}}
-          <col />
-          {{#if @campaign.multipleSendings}}
-            <col />
-            <col />
-          {{/if}}
-          {{#if @campaign.hasBadges}}
-            <col />
-          {{/if}}
-        </colgroup>
-        <thead>
-          <tr>
-            <TableHeader>{{t "pages.campaign-results.table.column.last-name"}}</TableHeader>
-            <TableHeader>{{t "pages.campaign-results.table.column.first-name"}}</TableHeader>
-            {{#if @campaign.hasExternalId}}
-              <TableHeader>{{@campaign.externalIdLabel}}</TableHeader>
-            {{/if}}
-            <TableHeader>{{t "pages.campaign-results.table.column.results.label"}}</TableHeader>
-            {{#if @campaign.multipleSendings}}
-              <TableHeader>
-                <EvolutionHeader @tooltipContent={{t "pages.campaign-results.table.evolution-tooltip.content"}} />
-              </TableHeader>
-              <TableHeader aria-label={{t "pages.campaign-results.table.column.ariaSharedResultCount"}}>
-                {{t "pages.campaign-results.table.column.sharedResultCount"}}
-              </TableHeader>
-            {{/if}}
-            {{#if @campaign.hasBadges}}
-              <TableHeader>{{t "pages.campaign-results.table.column.badges"}}</TableHeader>
-            {{/if}}
-          </tr>
-        </thead>
+    <PixTable
+      @variant="orga"
+      @caption={{@caption}}
+      @data={{@participations}}
+      @onRowClick={{fn @onClickParticipant @campaign.id}}
+      class="table"
+    >
+      <:columns as |participation context|>
 
-        {{#if @participations}}
-          <tbody>
-            {{#each @participations as |participation|}}
-              <CampaignAssessmentRow
-                @hasStages={{@campaign.hasStages}}
-                @hasBadges={{@campaign.hasBadges}}
-                @hasExternalId={{@campaign.hasExternalId}}
-                @participation={{participation}}
-                @campaignId={{@campaign.id}}
-                @stages={{@campaign.stages}}
-                @badges={{@campaign.badges}}
-                @onClickParticipant={{@onClickParticipant}}
-                @displayParticipationCount={{@campaign.multipleSendings}}
-              />
-            {{/each}}
-          </tbody>
+        <PixTableColumn @context={{context}}>
+          <:header>
+            {{t "pages.campaign-results.table.column.last-name"}}
+          </:header>
+          <:cell>
+            <LinkTo
+              @route="authenticated.campaigns.participant-assessment"
+              @models={{array @campaign.id participation.id}}
+            >
+              {{participation.lastName}}
+            </LinkTo>
+          </:cell>
+        </PixTableColumn>
+
+        <PixTableColumn @context={{context}}>
+          <:header>
+            {{t "pages.campaign-results.table.column.first-name"}}
+          </:header>
+          <:cell>
+            {{participation.firstName}}
+          </:cell>
+        </PixTableColumn>
+
+        {{#if @campaign.externalIdLabel}}
+          <PixTableColumn @context={{context}}>
+            <:header>
+              {{@campaign.externalIdLabel}}
+            </:header>
+            <:cell>
+              {{participation.participantExternalId}}
+            </:cell>
+          </PixTableColumn>
+        {{/if}}
+
+        <PixTableColumn @context={{context}}>
+          <:header>
+            {{t "pages.campaign-results.table.column.results.label"}}
+          </:header>
+          <:cell>
+            <MasteryPercentageDisplay
+              @masteryRate={{participation.masteryRate}}
+              @hasStages={{@campaign.hasStages}}
+              @reachedStage={{participation.reachedStage}}
+              @totalStage={{participation.totalStage}}
+              @prescriberTitle={{participation.prescriberTitle}}
+              @prescriberDescription={{participation.prescriberDescription}}
+              @isTableDisplay={{true}}
+            />
+          </:cell>
+        </PixTableColumn>
+
+        {{#if @campaign.multipleSendings}}
+          <PixTableColumn @context={{context}}>
+            <:header>
+              <EvolutionHeader @tooltipContent={{t "pages.campaign-results.table.evolution-tooltip.content"}} />
+            </:header>
+            <:cell>
+              <ParticipationEvolutionIcon @evolution={{participation.evolution}} />
+            </:cell>
+          </PixTableColumn>
+
+          <PixTableColumn @context={{context}}>
+            <:header>
+              {{t "pages.campaign-results.table.column.sharedResultCount"}}
+            </:header>
+            <:cell>
+              {{participation.sharedResultCount}}
+            </:cell>
+          </PixTableColumn>
+        {{/if}}
+
+        {{#if @campaign.hasBadges}}
+          <PixTableColumn @context={{context}}>
+            <:header>
+              {{t "pages.campaign-results.table.column.badges"}}
+            </:header>
+            <:cell>
+              <span class="participant-list__badges">
+                <CampaignBadges @badges={{@campaign.badges}} @acquiredBadges={{participation.badges}} />
+              </span>
+            </:cell>
+          </PixTableColumn>
         {{/if}}
-      </table>
+      </:columns>
+    </PixTable>
 
-      {{#unless @participations}}
-        <p class="table__empty content-text">{{t "pages.campaign-results.table.empty"}}</p>
-      {{/unless}}
-    </div>
+    {{#unless @participations}}
+      <p class="table__empty content-text">{{t "pages.campaign-results.table.empty"}}</p>
+    {{/unless}}
 
     {{#if @participations}}
       {{#let (getService "service:intl") as |intl|}}
diff --git a/orga/app/components/campaign/results/assessment-row.gjs b/orga/app/components/campaign/results/assessment-row.gjs
deleted file mode 100644
index 328ce7701f0..00000000000
--- a/orga/app/components/campaign/results/assessment-row.gjs
+++ /dev/null
@@ -1,51 +0,0 @@
-import { array, fn } from '@ember/helper';
-import { on } from '@ember/modifier';
-import { LinkTo } from '@ember/routing';
-import { t } from 'ember-intl';
-
-import MasteryPercentageDisplay from '../../ui/mastery-percentage-display';
-import CampaignBadges from '../badges';
-import ParticipationEvolutionIcon from './participation-evolution-icon';
-
-<template>
-  <tr
-    aria-label={{t "pages.campaign-results.table.row-title"}}
-    {{on "click" (fn @onClickParticipant @campaignId @participation.id)}}
-    class="tr--clickable"
-  >
-    <td>
-      <LinkTo @route="authenticated.campaigns.participant-assessment" @models={{array @campaignId @participation.id}}>
-        {{@participation.lastName}}
-      </LinkTo>
-    </td>
-    <td>{{@participation.firstName}}</td>
-    {{#if @hasExternalId}}
-      <td class="table__column table__column--break-word">{{@participation.participantExternalId}}</td>
-    {{/if}}
-    <td>
-      <MasteryPercentageDisplay
-        @masteryRate={{@participation.masteryRate}}
-        @hasStages={{@hasStages}}
-        @reachedStage={{@participation.reachedStage}}
-        @totalStage={{@participation.totalStage}}
-        @prescriberTitle={{@participation.prescriberTitle}}
-        @prescriberDescription={{@participation.prescriberDescription}}
-        @isTableDisplay={{true}}
-      />
-    </td>
-    {{#if @displayParticipationCount}}
-      <td>
-        <ParticipationEvolutionIcon @evolution={{@participation.evolution}} />
-      </td>
-
-      <td class="table__column--small">
-        {{@participation.sharedResultCount}}
-      </td>
-    {{/if}}
-    {{#if @hasBadges}}
-      <td class="participant-list__badges">
-        <CampaignBadges @badges={{@badges}} @acquiredBadges={{@participation.badges}} />
-      </td>
-    {{/if}}
-  </tr>
-</template>
diff --git a/orga/app/components/campaign/results/profile-list.gjs b/orga/app/components/campaign/results/profile-list.gjs
index 699502ba05a..67db7eab6b4 100644
--- a/orga/app/components/campaign/results/profile-list.gjs
+++ b/orga/app/components/campaign/results/profile-list.gjs
@@ -1,20 +1,20 @@
 import PixPagination from '@1024pix/pix-ui/components/pix-pagination';
+import PixTable from '@1024pix/pix-ui/components/pix-table';
+import PixTableColumn from '@1024pix/pix-ui/components/pix-table-column';
 import PixTag from '@1024pix/pix-ui/components/pix-tag';
 import { array, fn } from '@ember/helper';
-import { on } from '@ember/modifier';
 import { LinkTo } from '@ember/routing';
 import dayjsFormat from 'ember-dayjs/helpers/dayjs-format';
 import { t } from 'ember-intl';
 import { gt } from 'ember-truth-helpers';
 
 import getService from '../../../helpers/get-service.js';
-import TableHeader from '../../table/header';
 import CampaignParticipationFilters from '../filter/participation-filters';
 import EvolutionHeader from './evolution-header';
 import ParticipationEvolutionIcon from './participation-evolution-icon';
 
 <template>
-  <section ...attributes>
+  <section>
     <h3 class="screen-reader-only">{{t "pages.profiles-list.table.title"}}</h3>
 
     <CampaignParticipationFilters
@@ -29,120 +29,132 @@ import ParticipationEvolutionIcon from './participation-evolution-icon';
       @isHiddenStatus={{true}}
     />
 
-    <div class="panel">
-      <table class="table content-text content-text--small">
-        <caption class="screen-reader-only">{{t "pages.profiles-list.table.caption"}}</caption>
-        <colgroup class="table__column">
-          <col />
-          <col />
-          {{#if @campaign.externalIdLabel}}
-            <col class="table__column--medium" />
-          {{/if}}
-          <col />
-          <col />
-          {{#if @campaign.multipleSendings}}
-            <col />
-          {{/if}}
-          <col class="hide-on-mobile" />
-          <col class="hide-on-mobile" />
-          {{#if @campaign.multipleSendings}}
-            <col />
-          {{/if}}
-        </colgroup>
-        <thead>
-          <tr>
-            <TableHeader>{{t "pages.profiles-list.table.column.last-name"}}</TableHeader>
-            <TableHeader>{{t "pages.profiles-list.table.column.first-name"}}</TableHeader>
-            {{#if @campaign.externalIdLabel}}
-              <TableHeader>{{@campaign.externalIdLabel}}</TableHeader>
+    <PixTable
+      @variant="orga"
+      @caption={{t "pages.profiles-list.table.caption"}}
+      @data={{@profiles}}
+      @onRowClick={{fn @onClickParticipant @campaign.id}}
+      class="table"
+    >
+      <:columns as |participation context|>
+        <PixTableColumn @context={{context}}>
+          <:header>
+            {{t "pages.profiles-list.table.column.last-name"}}
+          </:header>
+          <:cell>
+            <LinkTo
+              @route="authenticated.campaigns.participant-profile"
+              @models={{array @campaign.id participation.id}}
+            >
+              {{participation.lastName}}
+            </LinkTo>
+          </:cell>
+        </PixTableColumn>
+
+        <PixTableColumn @context={{context}}>
+          <:header>
+            {{t "pages.profiles-list.table.column.first-name"}}
+          </:header>
+          <:cell>
+            {{participation.firstName}}
+          </:cell>
+        </PixTableColumn>
+
+        <PixTableColumn @context={{context}}>
+          <:header>
+            {{t "pages.profiles-list.table.column.first-name"}}
+          </:header>
+          <:cell>
+            {{participation.firstName}}
+          </:cell>
+        </PixTableColumn>
+
+        {{#if @campaign.externalIdLabel}}
+          <PixTableColumn @context={{context}}>
+            <:header>
+              {{@campaign.externalIdLabel}}
+            </:header>
+            <:cell>
+              {{participation.participantExternalId}}
+            </:cell>
+          </PixTableColumn>
+        {{/if}}
+
+        <PixTableColumn @context={{context}}>
+          <:header>
+            {{t "pages.profiles-list.table.column.sending-date.label"}}
+          </:header>
+          <:cell>
+            {{#if participation.sharedAt}}
+              {{dayjsFormat participation.sharedAt "DD/MM/YYYY"}}
+            {{else}}
+              <span class="table__column--highlight">{{t
+                  "pages.profiles-list.table.column.sending-date.on-hold"
+                }}</span>
             {{/if}}
-            <TableHeader @align="center">{{t "pages.profiles-list.table.column.sending-date.label"}}</TableHeader>
-            <TableHeader @align="center">{{t "pages.profiles-list.table.column.pix-score.label"}}</TableHeader>
-            {{#if @campaign.multipleSendings}}
-              <TableHeader @align="center">
-                <EvolutionHeader
-                  @tooltipContent={{t "pages.profiles-list.table.evolution-tooltip.content"}}
-                /></TableHeader>
+          </:cell>
+        </PixTableColumn>
 
+        <PixTableColumn @context={{context}}>
+          <:header>
+            {{t "pages.profiles-list.table.column.pix-score.label"}}
+          </:header>
+          <:cell>
+            {{#if participation.sharedAt}}
+              <PixTag @color="tertiary" class="pix-score-tag">
+                {{t "pages.profiles-list.table.column.pix-score.value" score=participation.pixScore}}
+              </PixTag>
             {{/if}}
-            <TableHeader @align="center" class="hide-on-mobile">{{t
-                "pages.profiles-list.table.column.certifiable"
-              }}</TableHeader>
-            <TableHeader @align="center" class="hide-on-mobile">{{t
-                "pages.profiles-list.table.column.competences-certifiables"
-              }}</TableHeader>
+          </:cell>
+        </PixTableColumn>
+
+        {{#if @campaign.multipleSendings}}
+          <PixTableColumn @context={{context}}>
+            <:header>
+              <EvolutionHeader @tooltipContent={{t "pages.profiles-list.table.evolution-tooltip.content"}} />
+            </:header>
+            <:cell>
+              <ParticipationEvolutionIcon @evolution={{participation.evolution}} />
+            </:cell>
+          </PixTableColumn>
+        {{/if}}
 
-            {{#if @campaign.multipleSendings}}
-              <TableHeader @align="center" aria-label={{t "pages.profiles-list.table.column.ariaSharedProfileCount"}}>
-                {{t "pages.profiles-list.table.column.sharedProfileCount"}}
-              </TableHeader>
+        <PixTableColumn @context={{context}}>
+          <:header>
+            {{t "pages.profiles-list.table.column.certifiable"}}
+          </:header>
+          <:cell>
+            {{#if participation.certifiable}}
+              <PixTag @color="green-light">{{t "pages.profiles-list.table.column.certifiable-tag"}}</PixTag>
             {{/if}}
-          </tr>
-        </thead>
+          </:cell>
+        </PixTableColumn>
+
+        <PixTableColumn @context={{context}}>
+          <:header>
+            {{t "pages.profiles-list.table.column.competences-certifiables"}}
+          </:header>
+          <:cell>
+            {{participation.certifiableCompetencesCount}}
+          </:cell>
+        </PixTableColumn>
 
-        {{#if (gt @profiles.length 0)}}
-          <tbody>
-            {{#each @profiles as |profile|}}
-              <tr
-                aria-label={{t "pages.profiles-list.table.row-title"}}
-                {{on "click" (fn @onClickParticipant @campaign.id profile.id)}}
-                class="tr--clickable"
-              >
-                <td>
-                  <LinkTo
-                    @route="authenticated.campaigns.participant-profile"
-                    @models={{array @campaign.id profile.id}}
-                  >
-                    {{profile.lastName}}
-                  </LinkTo>
-                </td>
-                <td>{{profile.firstName}}</td>
-                {{#if @campaign.externalIdLabel}}
-                  <td class="table__column table__column--break-word">{{profile.participantExternalId}}</td>
-                {{/if}}
-                <td class="table__column--center">
-                  {{#if profile.sharedAt}}
-                    {{dayjsFormat profile.sharedAt "DD/MM/YYYY"}}
-                  {{else}}
-                    <span class="table__column--highlight">{{t
-                        "pages.profiles-list.table.column.sending-date.on-hold"
-                      }}</span>
-                  {{/if}}
-                </td>
-                <td class="table__column--center">
-                  {{#if profile.sharedAt}}
-                    <PixTag @color="tertiary" class="pix-score-tag">
-                      {{t "pages.profiles-list.table.column.pix-score.value" score=profile.pixScore}}
-                    </PixTag>
-                  {{/if}}
-                </td>
-                {{#if @campaign.multipleSendings}}
-                  <td class="table__column--center">
-                    <ParticipationEvolutionIcon @evolution={{profile.evolution}} /></td>
-                {{/if}}
-                <td class="table__column--center hide-on-mobile">
-                  {{#if profile.certifiable}}
-                    <PixTag @color="green-light">{{t "pages.profiles-list.table.column.certifiable-tag"}}</PixTag>
-                  {{/if}}
-                </td>
-                <td class="table__column--center hide-on-mobile">
-                  {{profile.certifiableCompetencesCount}}
-                </td>
-                {{#if @campaign.multipleSendings}}
-                  <td class="table__column--center">
-                    {{profile.sharedProfileCount}}
-                  </td>
-                {{/if}}
-              </tr>
-            {{/each}}
-          </tbody>
+        {{#if @campaign.multipleSendings}}
+          <PixTableColumn @context={{context}}>
+            <:header>
+              {{t "pages.profiles-list.table.column.sharedProfileCount"}}
+            </:header>
+            <:cell>
+              {{participation.sharedProfileCount}}
+            </:cell>
+          </PixTableColumn>
         {{/if}}
-      </table>
+      </:columns>
+    </PixTable>
 
-      {{#unless @profiles}}
-        <p class="table__empty content-text">{{t "pages.profiles-list.table.empty"}}</p>
-      {{/unless}}
-    </div>
+    {{#unless @profiles}}
+      <p class="table__empty content-text">{{t "pages.profiles-list.table.empty"}}</p>
+    {{/unless}}
 
     {{#if (gt @profiles.length 0)}}
       {{#let (getService "service:intl") as |intl|}}
diff --git a/orga/app/components/mission/activity-table.gjs b/orga/app/components/mission/activity-table.gjs
index d250e048534..0becac5adad 100644
--- a/orga/app/components/mission/activity-table.gjs
+++ b/orga/app/components/mission/activity-table.gjs
@@ -1,9 +1,11 @@
 import PixPagination from '@1024pix/pix-ui/components/pix-pagination';
+import PixTable from '@1024pix/pix-ui/components/pix-table';
+import PixTableColumn from '@1024pix/pix-ui/components/pix-table-column';
 import PixTag from '@1024pix/pix-ui/components/pix-tag';
 import { t } from 'ember-intl';
 
 import getService from '../../helpers/get-service.js';
-import Header from '../table/header';
+
 function statusColor(status) {
   return {
     'not-started': 'tertiary',
@@ -14,46 +16,43 @@ function statusColor(status) {
 
 <template>
   {{#if @missionLearners}}
-    <div class="panel">
-      <table class="table content-text content-text--small participation-list__table mission-table">
-        <caption class="screen-reader-only">{{t
-            "pages.missions.mission.table.activities.caption"
-            missionName=@mission.name
-          }}</caption>
-        <thead>
-          <tr>
-            <Header scope="col">{{t "pages.missions.mission.table.activities.headers.first-name"}}</Header>
-            <Header scope="col">{{t "pages.missions.mission.table.activities.headers.last-name"}}</Header>
-            <Header scope="col">{{t "pages.missions.mission.table.activities.headers.division"}}</Header>
-            <Header scope="col">{{t "pages.missions.mission.table.activities.headers.status"}}</Header>
-          </tr>
-        </thead>
-        <tbody>
-
-          {{#each @missionLearners as |missionLearner|}}
-            <tr aria-label={{t "pages.missions.mission.table.activities.aria-label"}}>
-              <td>
-                {{missionLearner.firstName}}
-              </td>
-              <td>
-                {{missionLearner.lastName}}
-              </td>
-              <td>
-                {{missionLearner.division}}
-              </td>
-              <td>
-                <PixTag @color={{statusColor missionLearner.missionStatus}}>{{t
-                    missionLearner.displayableStatus
-                  }}</PixTag>
-              </td>
-            </tr>
-          {{/each}}
-        </tbody>
-      </table>
-    </div>
+    <PixTable
+      @variant="orga"
+      class="table"
+      @data={{@missionLearners}}
+      @caption={{t "pages.missions.mission.table.activities.caption" missionName=@mission.name}}
+    >
+      <:columns as |missionLearner context|>
+        <PixTableColumn @context={{context}}>
+          <:header>{{t "pages.missions.mission.table.activities.headers.first-name"}}</:header>
+          <:cell>{{missionLearner.firstName}}</:cell>
+        </PixTableColumn>
+
+        <PixTableColumn @context={{context}}>
+          <:header>{{t "pages.missions.mission.table.activities.headers.last-name"}}</:header>
+          <:cell>{{missionLearner.lastName}}</:cell>
+        </PixTableColumn>
+
+        <PixTableColumn @context={{context}}>
+          <:header>{{t "pages.missions.mission.table.activities.headers.division"}}</:header>
+          <:cell>
+            {{missionLearner.division}}
+          </:cell>
+        </PixTableColumn>
+
+        <PixTableColumn @context={{context}}>
+          <:header>{{t "pages.missions.mission.table.activities.headers.status"}}</:header>
+          <:cell>
+            <PixTag @color={{statusColor missionLearner.missionStatus}}>{{t missionLearner.displayableStatus}}</PixTag>
+          </:cell>
+        </PixTableColumn>
+      </:columns>
+    </PixTable>
+
     {{#let (getService "service:intl") as |intl|}}
       <PixPagination @pagination={{@missionLearners.meta}} @locale={{intl.primaryLocale}} />
     {{/let}}
+
   {{else}}
     <div class="table__empty content-text">
       {{t "pages.missions.mission.table.activities.no-data"}}
diff --git a/orga/app/components/mission/result-table.gjs b/orga/app/components/mission/result-table.gjs
index a5a09aa01b7..da93b6299aa 100644
--- a/orga/app/components/mission/result-table.gjs
+++ b/orga/app/components/mission/result-table.gjs
@@ -1,11 +1,12 @@
 import PixIcon from '@1024pix/pix-ui/components/pix-icon';
 import PixPagination from '@1024pix/pix-ui/components/pix-pagination';
+import PixTable from '@1024pix/pix-ui/components/pix-table';
+import PixTableColumn from '@1024pix/pix-ui/components/pix-table-column';
 import PixTag from '@1024pix/pix-ui/components/pix-tag';
 import PixTooltip from '@1024pix/pix-ui/components/pix-tooltip';
 import { t } from 'ember-intl';
 
 import getService from '../../helpers/get-service.js';
-import Header from '../table/header';
 
 function indexNumber(index) {
   return { number: index + 1 };
@@ -28,77 +29,82 @@ function getMissionResultColor(result) {
 
 <template>
   {{#if @missionLearners}}
-    <div class="panel">
-      <table class="table content-text content-text--small participation-list__table mission-table">
-        <caption class="screen-reader-only">{{t
-            "pages.missions.mission.table.result.caption"
-            missionName=@mission.name
-          }}</caption>
-        <thead>
-          <tr>
-            <Header scope="col">{{t "pages.missions.mission.table.result.headers.first-name"}}</Header>
-            <Header scope="col">{{t "pages.missions.mission.table.result.headers.last-name"}}</Header>
-            <Header scope="col">{{t "pages.missions.mission.table.result.headers.division"}}</Header>
-            {{#each @mission.content.steps as |step index|}}
-              <Header scope="col">
-                <div class="mission-result-table__header-cell">
-                  {{t "pages.missions.mission.table.result.headers.step" (indexNumber index)}}
+    <PixTable
+      @variant="orga"
+      class="table"
+      @data={{@missionLearners}}
+      @caption={{t "pages.missions.mission.table.result.caption" missionName=@mission.name}}
+    >
+      <:columns as |missionLearner context|>
+        <PixTableColumn @context={{context}}>
+          <:header>{{t "pages.missions.mission.table.result.headers.first-name"}}</:header>
+          <:cell>{{missionLearner.firstName}}</:cell>
+        </PixTableColumn>
 
-                  <PixTooltip @id="tooltip-{{index}}" @isInline={{true}}>
-                    <:triggerElement>
-                      <PixIcon
-                        @name="help"
-                        @plainIcon={{true}}
-                        class="mission-result-table__info-icon"
-                        aria-describedby="tooltip-{{index}}"
-                      />
-                    </:triggerElement>
+        <PixTableColumn @context={{context}}>
+          <:header>{{t "pages.missions.mission.table.result.headers.last-name"}}</:header>
+          <:cell>{{missionLearner.lastName}}</:cell>
+        </PixTableColumn>
 
-                    <:tooltip>
-                      <p>{{step.name}}</p>
-                    </:tooltip>
-                  </PixTooltip>
-                </div>
+        <PixTableColumn @context={{context}}>
+          <:header>{{t "pages.missions.mission.table.result.headers.division"}}</:header>
+          <:cell>
+            {{missionLearner.division}}
+          </:cell>
+        </PixTableColumn>
 
-              </Header>
-            {{/each}}
-            {{#if @mission.content.dareChallenges}}
-              <Header scope="col">{{t "pages.missions.mission.table.result.headers.dare-challenge"}}</Header>
+        {{#each missionLearner.content.steps as |step index|}}
+          <PixTableColumn @context={{context}}>
+            <:header>
+              <div class="organization-participant__align-element">
+                {{t "pages.missions.mission.table.result.headers.step" (indexNumber index)}}
+
+                <PixTooltip @id="tooltip-{{index}}" @isInline={{true}}>
+                  <:triggerElement>
+                    <PixIcon
+                      @name="help"
+                      @plainIcon={{true}}
+                      class="mission-result-table__info-icon"
+                      aria-describedby="tooltip-{{index}}"
+                    />
+                  </:triggerElement>
+
+                  <:tooltip>
+                    <p>{{step.name}}</p>
+                  </:tooltip>
+                </PixTooltip>
+              </div>
+            </:header>
+            <:cell>
+              {{t (displayableStepResult missionLearner index)}}
+            </:cell>
+          </PixTableColumn>
+        {{/each}}
+
+        {{#if @mission.content.dareChallenges}}
+          <PixTableColumn @context={{context}}>
+            <:header>{{t "pages.missions.mission.table.result.headers.dare-challenge"}}</:header>
+            <:cell>
+              {{t missionLearner.displayableDareResult}}
+            </:cell>
+          </PixTableColumn>
+        {{/if}}
+
+        <PixTableColumn @context={{context}}>
+          <:header>{{t "pages.missions.mission.table.result.headers.result"}}</:header>
+          <:cell>
+            {{#if missionLearner.result.global}}
+              <PixTag @color={{getMissionResultColor missionLearner.result.global}}>{{t
+                  missionLearner.displayableGlobalResult
+                }}</PixTag>
+            {{else}}
+              {{t missionLearner.displayableGlobalResult}}
             {{/if}}
-            <Header scope="col">{{t "pages.missions.mission.table.result.headers.result"}}</Header>
-          </tr>
-        </thead>
-        <tbody>
+          </:cell>
+        </PixTableColumn>
+      </:columns>
+    </PixTable>
 
-          {{#each @missionLearners as |missionLearner|}}
-            <tr aria-label={{t "pages.missions.mission.tabs.result.aria-label"}}>
-              <td>
-                {{missionLearner.firstName}}
-              </td>
-              <td>
-                {{missionLearner.lastName}}
-              </td>
-              <td>
-                {{missionLearner.division}}
-              </td>
-              {{#each @mission.content.steps as |missionStep index|}}
-                <td>{{t (displayableStepResult missionLearner index)}}</td>
-              {{/each}}
-              <td>{{t missionLearner.displayableDareResult}}</td>
-              <td>
-                {{#if missionLearner.result.global}}
-                  <PixTag @color={{getMissionResultColor missionLearner.result.global}}>{{t
-                      missionLearner.displayableGlobalResult
-                    }}</PixTag>
-                {{else}}
-                  {{t missionLearner.displayableGlobalResult}}
-                {{/if}}
-              </td>
-            </tr>
-          {{/each}}
-        </tbody>
-      </table>
-    </div>
     {{#let (getService "service:intl") as |intl|}}
       <PixPagination @pagination={{@missionLearners.meta}} @locale={{intl.primaryLocale}} />
     {{/let}}
diff --git a/orga/app/components/organization-learner/activity/participation-list.gjs b/orga/app/components/organization-learner/activity/participation-list.gjs
index 526d210edb0..7f97881c288 100644
--- a/orga/app/components/organization-learner/activity/participation-list.gjs
+++ b/orga/app/components/organization-learner/activity/participation-list.gjs
@@ -1,38 +1,28 @@
-import { t } from 'ember-intl';
+import PixTable from '@1024pix/pix-ui/components/pix-table';
+import { action } from '@ember/object';
+import { service } from '@ember/service';
+import Component from '@glimmer/component';
 
-import TableHeader from '../../table/header';
 import ParticipationRow from './participation-row';
 
-<template>
-  <div class="panel">
-    <table class="table content-text content-text--small participation-list__table">
-      <thead>
-        <tr>
-          <TableHeader @size="wide">{{t
-              "pages.organization-learner.activity.participation-list.table.column.campaign-name"
-            }}</TableHeader>
-          <TableHeader @size="medium" @align="left">{{t
-              "pages.organization-learner.activity.participation-list.table.column.campaign-type"
-            }}</TableHeader>
-          <TableHeader @size="medium" @align="left">
-            {{t "pages.organization-learner.activity.participation-list.table.column.created-at"}}
-          </TableHeader>
-          <TableHeader @size="medium" @align="left">{{t
-              "pages.organization-learner.activity.participation-list.table.column.shared-at"
-            }}</TableHeader>
-          <TableHeader @size="medium" @align="left">{{t
-              "pages.organization-learner.activity.participation-list.table.column.status"
-            }}</TableHeader>
-          <TableHeader @size="medium" @align="left">{{t
-              "pages.organization-learner.activity.participation-list.table.column.participation-count"
-            }}</TableHeader>
-        </tr>
-      </thead>
-      <tbody>
-        {{#each @participations as |participation|}}
-          <ParticipationRow @participation={{participation}} />
-        {{/each}}
-      </tbody>
-    </table>
-  </div>
-</template>
+export default class ParticipationList extends Component {
+  @service router;
+
+  @action
+  goToParticipationDetail(participation) {
+    const routeName =
+      participation.campaignType === 'ASSESSMENT'
+        ? 'authenticated.campaigns.participant-assessment'
+        : 'authenticated.campaigns.participant-profile';
+
+    this.router.transitionTo(routeName, participation.campaignId, participation.lastCampaignParticipationId);
+  }
+
+  <template>
+    <PixTable @variant="orga" @data={{@participations}} class="table" @onRowClick={{this.goToParticipationDetail}}>
+      <:columns as |participation context|>
+        <ParticipationRow @participation={{participation}} @context={{context}} />
+      </:columns>
+    </PixTable>
+  </template>
+}
diff --git a/orga/app/components/organization-learner/activity/participation-row.gjs b/orga/app/components/organization-learner/activity/participation-row.gjs
index 075b5eed015..3eb5764f9b3 100644
--- a/orga/app/components/organization-learner/activity/participation-row.gjs
+++ b/orga/app/components/organization-learner/activity/participation-row.gjs
@@ -1,8 +1,6 @@
+import PixTableColumn from '@1024pix/pix-ui/components/pix-table-column';
 import { array } from '@ember/helper';
-import { on } from '@ember/modifier';
-import { action } from '@ember/object';
 import { LinkTo } from '@ember/routing';
-import { service } from '@ember/service';
 import Component from '@glimmer/component';
 import { t } from 'ember-intl';
 
@@ -11,50 +9,66 @@ import Date from '../../ui/date';
 import ParticipationStatus from '../../ui/participation-status';
 
 export default class ParticipationRow extends Component {
-  @service router;
-
   get routeName() {
     return this.args.participation.campaignType === 'ASSESSMENT'
       ? 'authenticated.campaigns.participant-assessment'
       : 'authenticated.campaigns.participant-profile';
   }
 
-  @action
-  goToParticipationDetail(event) {
-    event.preventDefault();
-    this.router.transitionTo(
-      this.routeName,
-      this.args.participation.campaignId,
-      this.args.participation.lastCampaignParticipationId,
-    );
-  }
-
   <template>
-    <tr
-      aria-label={{t "pages.organization-learner.activity.participation-list.table.row-title"}}
-      {{on "click" this.goToParticipationDetail}}
-      class="tr--clickable"
-    >
-      <td class="ellipsis">
+    <PixTableColumn @context={{@context}}>
+      <:header>
+        {{t "pages.organization-learner.activity.participation-list.table.column.campaign-name"}}
+      </:header>
+      <:cell>
         <LinkTo @route={{this.routeName}} @models={{array @participation.campaignId @participation.id}}>
           {{@participation.campaignName}}
         </LinkTo>
-      </td>
-      <td class="ellipsis">
+      </:cell>
+    </PixTableColumn>
+
+    <PixTableColumn @context={{@context}}>
+      <:header>{{t "pages.organization-learner.activity.participation-list.table.column.campaign-type"}}
+      </:header>
+      <:cell>
         <CampaignType @campaignType={{@participation.campaignType}} @displayInformationLabel={{true}} />
-      </td>
-      <td class="table__column--left">
+      </:cell>
+    </PixTableColumn>
+
+    <PixTableColumn @context={{@context}}>
+      <:header>
+        {{t "pages.organization-learner.activity.participation-list.table.column.created-at"}}
+      </:header>
+      <:cell>
         <Date @date={{@participation.createdAt}} />
-      </td>
-      <td class="table__column--left">
+      </:cell>
+    </PixTableColumn>
+
+    <PixTableColumn @context={{@context}}>
+      <:header>
+        {{t "pages.organization-learner.activity.participation-list.table.column.shared-at"}}
+      </:header>
+      <:cell>
         <Date @date={{@participation.sharedAt}} />
-      </td>
-      <td class="table__column--left">
+      </:cell>
+    </PixTableColumn>
+
+    <PixTableColumn @context={{@context}}>
+      <:header>
+        {{t "pages.organization-learner.activity.participation-list.table.column.status"}}
+      </:header>
+      <:cell>
         <ParticipationStatus @status={{@participation.status}} @campaignType={{@participation.campaignType}} />
-      </td>
-      <td class="table__column--left">
+      </:cell>
+    </PixTableColumn>
+
+    <PixTableColumn @context={{@context}}>
+      <:header>
+        {{t "pages.organization-learner.activity.participation-list.table.column.participation-count"}}
+      </:header>
+      <:cell>
         {{@participation.participationCount}}
-      </td>
-    </tr>
+      </:cell>
+    </PixTableColumn>
   </template>
 }
diff --git a/orga/app/components/organization-participant/action-bar.gjs b/orga/app/components/organization-participant/action-bar.gjs
deleted file mode 100644
index 47318f2b2ea..00000000000
--- a/orga/app/components/organization-participant/action-bar.gjs
+++ /dev/null
@@ -1,17 +0,0 @@
-import PixButton from '@1024pix/pix-ui/components/pix-button';
-import { t } from 'ember-intl';
-
-import ActionBar from '../ui/action-bar';
-
-<template>
-  <ActionBar>
-    <:information>
-      {{t "pages.organization-participants.action-bar.information" count=@count}}
-    </:information>
-    <:actions>
-      <PixButton @triggerAction={{@openDeletionModal}} type="button" @variant="error">
-        {{t "pages.organization-participants.action-bar.delete-button"}}
-      </PixButton>
-    </:actions>
-  </ActionBar>
-</template>
diff --git a/orga/app/components/organization-participant/list.gjs b/orga/app/components/organization-participant/list.gjs
index 81e28d9a565..107ae75fefa 100644
--- a/orga/app/components/organization-participant/list.gjs
+++ b/orga/app/components/organization-participant/list.gjs
@@ -1,48 +1,73 @@
+import PixButton from '@1024pix/pix-ui/components/pix-button';
+import PixCheckbox from '@1024pix/pix-ui/components/pix-checkbox';
+import PixIcon from '@1024pix/pix-ui/components/pix-icon';
 import PixPagination from '@1024pix/pix-ui/components/pix-pagination';
-import { fn } from '@ember/helper';
+import PixTable from '@1024pix/pix-ui/components/pix-table';
+import PixTableColumn from '@1024pix/pix-ui/components/pix-table-column';
+import PixTooltip from '@1024pix/pix-ui/components/pix-tooltip';
+import { fn, uniqueId } from '@ember/helper';
+import { on } from '@ember/modifier';
 import { action, get } from '@ember/object';
-import { guidFor } from '@ember/object/internals';
+import { LinkTo } from '@ember/routing';
 import { inject as service } from '@ember/service';
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
+import dayjs from 'dayjs';
 import { t } from 'ember-intl';
+import { eq, not } from 'ember-truth-helpers';
 
+import { getColumnName } from '../../helpers/import-format.js';
+import CertificabilityCell from '../certificability/cell';
+import Tooltip from '../certificability/tooltip';
+import DropdownIconTrigger from '../dropdown/icon-trigger';
+import DropdownItem from '../dropdown/item';
 import InElement from '../in-element';
 import SelectableList from '../selectable-list';
-import DeletionModal from '../ui/deletion-modal';
-import ActionBar from './action-bar';
+import UiActionBar from '../ui/action-bar';
+import UiDeletionModal from '../ui/deletion-modal';
+import LastParticipationDateTooltip from '../ui/last-participation-date-tooltip';
 import LearnerFilters from './learner-filters';
-import TableHeaders from './table-headers';
-import TableRow from './table-row';
+
+async function withFunction(wrappedFunction, func, ...args) {
+  func(...args);
+  await wrappedFunction(...args);
+}
+
+function stopPropagation(event) {
+  event.stopPropagation();
+}
 
 export default class List extends Component {
   @tracked showDeletionModal = false;
-
   @service currentUser;
   @service intl;
 
-  get isAdminInOrganization() {
-    return !!this.currentUser.isAdminInOrganization;
+  displayDate(date) {
+    return dayjs(date).format('DD/MM/YYYY');
   }
 
-  get showCheckbox() {
-    return this.isAdminInOrganization && !this.currentUser.hasLearnerImportFeature;
-  }
+  @action
+  getExtraColumnRowValue(extraColumnName, participant) {
+    const extraColumnValue = participant.extraColumns[extraColumnName];
 
-  get headerId() {
-    return guidFor(this) + 'mainCheckbox';
-  }
+    if (extraColumnName === 'ORALIZATION') {
+      return this.intl.t(`pages.organization-participants.table.row-value.oralization.${extraColumnValue}`);
+    }
+    if (!extraColumnValue) return '';
+
+    if (dayjs(extraColumnValue).isValid()) {
+      return this.displayDate(extraColumnValue);
+    }
 
-  get actionBarId() {
-    return guidFor(this) + 'actionBar';
+    return extraColumnValue;
   }
 
-  get paginationId() {
-    return guidFor(this) + 'pagination';
+  get isAdminInOrganization() {
+    return !!this.currentUser.isAdminInOrganization;
   }
 
-  get filtersId() {
-    return guidFor(this) + 'filters';
+  get showCheckbox() {
+    return this.isAdminInOrganization && !this.currentUser.hasLearnerImportFeature;
   }
 
   get hasParticipants() {
@@ -65,6 +90,22 @@ export default class List extends Component {
     return this.currentUser.canActivateOralizationLearner;
   }
 
+  get extraColumnRowInfo() {
+    if (!this.args.participant.extraColumns) {
+      return [];
+    }
+
+    return Object.keys(this.args.participant.extraColumns).map((extraColumnName) =>
+      this.getExtraColumnRowValue(extraColumnName, this.args.participant),
+    );
+  }
+
+  get onClickLearner() {
+    if (this.currentUser.canAccessMissionsPage) return undefined;
+
+    return this.args.onClickLearner;
+  }
+
   @action
   openDeletionModal() {
     this.showDeletionModal = true;
@@ -116,120 +157,335 @@ export default class List extends Component {
   }
 
   <template>
-    <div id={{this.filtersId}} />
-
-    <div class="panel">
-      <table class="table content-text content-text--small">
-        <caption class="screen-reader-only">{{t "pages.organization-participants.table.description"}}</caption>
-        <thead id={{this.headerId}} />
-
-        <tbody>
-          <SelectableList @items={{@participants}}>
-            <:manager as |allSelected someSelected toggleAll selectedParticipants reset|>
-              <InElement @destinationId={{this.headerId}}>
-                <TableHeaders
-                  @allSelected={{allSelected}}
-                  @someSelected={{someSelected}}
-                  @showCheckbox={{this.showCheckbox}}
-                  @hasParticipants={{this.hasParticipants}}
-                  @hasActionColumn={{this.hasActionColumn}}
-                  @onToggleAll={{toggleAll}}
-                  @lastnameSort={{@lastnameSort}}
-                  @customHeadings={{this.customColumns}}
-                  @participationCountOrder={{@participationCountOrder}}
-                  @latestParticipationOrder={{@latestParticipationOrder}}
-                  @onSortByLastname={{fn this.addResetOnFunction @sortByLastname reset}}
-                  @onSortByParticipationCount={{fn this.addResetOnFunction @sortByParticipationCount reset}}
-                  @onSortByLatestParticipation={{fn this.addResetOnFunction @sortByLatestParticipation reset}}
-                  @hasComputeOrganizationLearnerCertificabilityEnabled={{@hasComputeOrganizationLearnerCertificabilityEnabled}}
-                />
-              </InElement>
-              {{#if someSelected}}
-                <InElement @destinationId={{this.actionBarId}}>
-                  <ActionBar @count={{selectedParticipants.length}} @openDeletionModal={{this.openDeletionModal}} />
-                  <DeletionModal
-                    @title={{t
-                      "pages.organization-participants.deletion-modal.title"
-                      count=selectedParticipants.length
-                      firstname=(get selectedParticipants "0.firstName")
-                      lastname=(get selectedParticipants "0.lastName")
-                      htmlSafe=true
-                    }}
-                    @showModal={{this.showDeletionModal}}
-                    @count={{selectedParticipants.length}}
-                    @onTriggerAction={{fn this.deleteParticipants selectedParticipants reset}}
-                    @onCloseModal={{this.closeDeletionModal}}
+    {{#let (uniqueId) (uniqueId) (uniqueId) (uniqueId) as |actionBarId paginationId headerId filtersId|}}
+      <div id={{filtersId}} />
+      <SelectableList
+        @items={{@participants}}
+        as |toggleParticipant isParticipantSelected allSelected someSelected toggleAll selectedParticipants reset|
+      >
+        <PixTable
+          @variant="orga"
+          @condensed={{true}}
+          @caption={{@caption}}
+          @data={{@participants}}
+          class="table"
+          @onRowClick={{this.onClickLearner}}
+        >
+          <:columns as |participant context|>
+            {{#if this.showCheckbox}}
+              <PixTableColumn @context={{context}}>
+                <:header>
+                  <PixCheckbox
+                    @screenReaderOnly={{true}}
+                    @checked={{someSelected}}
+                    @isIndeterminate={{not allSelected}}
+                    disabled={{not @participants.length}}
+                    {{on "click" toggleAll}}
+                  >
+                    <:label>{{t "pages.organization-participants.table.column.mainCheckbox"}}</:label>
+                  </PixCheckbox>
+                </:header>
+                <:cell>
+                  <span {{on "click" (fn withFunction (fn toggleParticipant participant) stopPropagation)}}>
+                    <PixCheckbox
+                      @screenReaderOnly={{true}}
+                      {{on "click" (fn withFunction (fn toggleParticipant participant) stopPropagation)}}
+                      @checked={{isParticipantSelected participant}}
+                    >
+                      <:label>
+                        {{t
+                          "pages.organization-participants.table.column.checkbox"
+                          firstname=participant.firstName
+                          lastname=participant.lastName
+                        }}
+                      </:label>
+                    </PixCheckbox>
+                  </span>
+                </:cell>
+              </PixTableColumn>
+            {{/if}}
+
+            <PixTableColumn
+              @context={{context}}
+              @onSort={{fn this.addResetOnFunction @sortByLastname reset}}
+              @sortOrder={{@lastnameSort}}
+              @ariaLabelDefaultSort={{t "pages.organization-participants.table.column.last-name.ariaLabelDefaultSort"}}
+              @ariaLabelSortAsc={{t "pages.organization-participants.table.column.last-name.ariaLabelSortUp"}}
+              @ariaLabelSortDesc={{t "pages.organization-participants.table.column.last-name.ariaLabelSortDown"}}
+            >
+              <:header>
+                {{t "pages.organization-participants.table.column.last-name.label"}}
+              </:header>
+              <:cell>
+                {{#if @hasOrganizationParticipantPage}}
+                  <LinkTo
+                    @route="authenticated.organization-participants.organization-participant"
+                    @model={{participant.id}}
+                  >
+                    {{participant.lastName}}
+                  </LinkTo>
+                {{else}}
+                  {{participant.lastName}}
+                {{/if}}
+              </:cell>
+            </PixTableColumn>
+
+            <PixTableColumn @context={{context}}>
+              <:header>
+                {{t "pages.organization-participants.table.column.first-name"}}
+              </:header>
+              <:cell>
+                {{participant.firstName}}
+              </:cell>
+            </PixTableColumn>
+
+            {{#each this.customColumns as |heading|}}
+              <PixTableColumn @context={{context}}>
+                <:header>
+                  <div class="organization-participant__align-element">
+                    {{t (getColumnName heading)}}
+                    {{#if (eq heading "ORALIZATION")}}
+                      <PixTooltip @id="organization-participants-oralization-tooltip" @isWide="true">
+                        <:triggerElement>
+                          <PixIcon
+                            @name="help"
+                            @plainIcon="true"
+                            aria-label={{t
+                              "pages.organization-participants.table.oralization-header-tooltip-aria-label"
+                            }}
+                            aria-describedby="organization-participants-oralization-tooltip"
+                          />
+                        </:triggerElement>
+
+                        <:tooltip>
+                          {{t "pages.organization-participants.table.oralization-header-tooltip"}}
+                        </:tooltip>
+                      </PixTooltip>
+                    {{/if}}
+                  </div>
+                </:header>
+                <:cell>
+                  {{this.getExtraColumnRowValue heading participant}}
+                </:cell>
+              </PixTableColumn>
+            {{/each}}
+
+            {{#unless this.currentUser.canAccessMissionsPage}}
+              <PixTableColumn
+                @context={{context}}
+                @type="number"
+                @onSort={{fn this.addResetOnFunction @sortByParticipationCount reset}}
+                @sortOrder={{@participationCountOrder}}
+                @ariaLabelDefaultSort={{t
+                  "pages.organization-participants.table.column.participation-count.ariaLabelDefaultSort"
+                }}
+                @ariaLabelSortAsc={{t
+                  "pages.organization-participants.table.column.participation-count.ariaLabelSortUp"
+                }}
+                @ariaLabelSortDesc={{t
+                  "pages.organization-participants.table.column.participation-count.ariaLabelSortDown"
+                }}
+              >
+                <:header>
+                  {{t "pages.organization-participants.table.column.participation-count.label"}}
+                </:header>
+                <:cell>
+                  {{participant.participationCount}}
+                </:cell>
+              </PixTableColumn>
+
+              <PixTableColumn
+                @context={{context}}
+                @type="number"
+                @onSort={{fn this.addResetOnFunction @sortByLatestParticipation reset}}
+                @sortOrder={{@latestParticipationOrder}}
+                @ariaLabelDefaultSort={{t
+                  "pages.organization-participants.table.column.latest-participation.ariaLabelDefaultSort"
+                }}
+                @ariaLabelSortAsc={{t
+                  "pages.organization-participants.table.column.latest-participation.ariaLabelSortUp"
+                }}
+                @ariaLabelSortDesc={{t
+                  "pages.organization-participants.table.column.latest-participation.ariaLabelSortDown"
+                }}
+              >
+                <:header>
+                  {{t "pages.organization-participants.table.column.latest-participation.label"}}
+                </:header>
+                <:cell>
+                  {{#if participant.lastParticipationDate}}
+                    <div class="organization-participant__align-element">
+                      <span>{{this.displayDate participant.lastParticipationDate}}</span>
+                      <LastParticipationDateTooltip
+                        @id={{participant.id}}
+                        @campaignName={{participant.campaignName}}
+                        @campaignType={{participant.campaignType}}
+                        @participationStatus={{participant.participationStatus}}
+                      />
+                    </div>
+                  {{/if}}
+                </:cell>
+              </PixTableColumn>
+
+              <PixTableColumn @context={{context}}>
+                <:header>
+                  <div class="organization-participant__align-element">
+                    {{t "pages.organization-participants.table.column.is-certifiable.label"}}
+                    <Tooltip
+                      @hasComputeOrganizationLearnerCertificabilityEnabled={{@hasComputeOrganizationLearnerCertificabilityEnabled}}
+                    />
+                  </div>
+                </:header>
+                <:cell>
+                  <div class="organization-participant__align-element organization-participant__align-element--column">
+                    <CertificabilityCell
+                      @certifiableAt={{@participant.certifiableAt}}
+                      @isCertifiable={{@participant.isCertifiable}}
+                      @hideCertifiableDate={{@hasComputeOrganizationLearnerCertificabilityEnabled}}
+                    />
+                  </div>
+                </:cell>
+              </PixTableColumn>
+            {{/unless}}
+
+            {{#if this.hasActionColumn}}
+              <PixTableColumn @context={{context}}>
+                <:header>
+                  {{t "common.actions.global"}}
+                </:header>
+                <:cell>
+                  <DropdownIconTrigger
+                    @icon="moreVert"
+                    @dropdownButtonClass="organization-participant__dropdown-button"
+                    @dropdownContentClass="organization-participant__dropdown-content"
+                    @ariaLabel={{t "pages.sup-organization-participants.actions.show-actions"}}
                   >
-                    <:content>
-                      <p>{{t "pages.organization-participants.deletion-modal.content.header" count=this.count}}</p>
-                      <p>{{t
-                          "pages.organization-participants.deletion-modal.content.main-participation-prevent"
-                          count=selectedParticipants.length
-                        }}</p>
-                      <p>{{t
-                          "pages.organization-participants.deletion-modal.content.main-campaign-prevent"
-                          count=selectedParticipants.length
-                        }}</p>
-                      <p>{{t
-                          "pages.organization-participants.deletion-modal.content.main-participation-access"
-                          count=selectedParticipants.length
-                        }}</p>
-                      <p>{{t
-                          "pages.organization-participants.deletion-modal.content.main-new-campaign-access"
-                          count=selectedParticipants.length
-                        }}</p>
-                      <p><strong>{{t
-                            "pages.organization-participants.deletion-modal.content.footer"
-                            count=selectedParticipants.length
-                          }}</strong></p>
-                    </:content>
-                  </DeletionModal>
-                </InElement>
-              {{/if}}
-              <InElement @destinationId={{this.paginationId}} @waitForElement={{true}}>
-                <PixPagination
-                  @pagination={{@participants.meta}}
-                  @onChange={{reset}}
-                  @locale={{this.intl.primaryLocale}}
-                />
-              </InElement>
-              <InElement @destinationId={{this.filtersId}}>
-                <LearnerFilters
-                  @learnersCount={{@participants.meta.rowCount}}
-                  @fullName={{@fullName}}
-                  @customFilters={{this.customFilters}}
-                  @customFiltersValues={{@customFiltersValues}}
-                  @certificabilityFilter={{@certificabilityFilter}}
-                  @onTriggerFiltering={{fn this.addResetOnFunction @triggerFiltering reset}}
-                  @onResetFilter={{fn this.addResetOnFunction @onResetFilter reset}}
-                />
-              </InElement>
-            </:manager>
-            <:item as |participant toggleParticipant isParticipantSelected|>
-              <TableRow
-                @showCheckbox={{this.showCheckbox}}
-                @participant={{participant}}
-                @isParticipantSelected={{isParticipantSelected}}
-                @onToggleParticipant={{fn this.addStopPropagationOnFunction toggleParticipant}}
-                @onClickLearner={{fn @onClickLearner participant.id}}
-                @customRows={{this.customColumns}}
-                @hideCertifiableDate={{@hasComputeOrganizationLearnerCertificabilityEnabled}}
-                @hasOrganizationParticipantPage={{@hasOrganizationParticipantPage}}
-                @actionsForParticipant={{this.actionsForParticipant participant}}
-              />
-            </:item>
-          </SelectableList>
-        </tbody>
-      </table>
+                    <:default as |closeMenu|>
+                      {{#each (this.actionsForParticipant participant) as |actionForPartipant|}}
+                        <DropdownItem @onClick={{actionForPartipant.onClick}} @closeMenu={{closeMenu}}>
+                          {{actionForPartipant.label}}
+                        </DropdownItem>
+                      {{/each}}
+                    </:default>
+                  </DropdownIconTrigger>
+                </:cell>
+              </PixTableColumn>
+            {{/if}}
+          </:columns>
+        </PixTable>
+
+        <Filters
+          @destinationId={{filtersId}}
+          @learnersCount={{@participants.meta.rowCount}}
+          @fullName={{@fullName}}
+          @customFilters={{this.customFilters}}
+          @customFiltersValues={{@customFiltersValues}}
+          @certificabilityFilter={{@certificabilityFilter}}
+          @onTriggerFiltering={{fn this.addResetOnFunction @triggerFiltering reset}}
+          @onResetFilter={{fn this.addResetOnFunction @onResetFilter reset}}
+        />
+
+        {{#if someSelected}}
+          <ActionBar
+            @destinationId={{actionBarId}}
+            @count={{selectedParticipants.length}}
+            @openDeletionModal={{this.toggleDeletionModal}}
+          />
+
+          <DeletionModal
+            @selectecParticipants={{selectedParticipants}}
+            @showModal={{this.showDeletionModal}}
+            @onTriggerAction={{fn this.deleteParticipants selectedParticipants reset}}
+            @onCloseModal={{this.closeDeletionModal}}
+          />
+        {{/if}}
+
+        <PixPaginationControl @destinationId={{paginationId}} @onChange={{reset}} @pagination={{@participants.meta}} />
+      </SelectableList>
 
       {{#unless @participants}}
         <div class="table__empty content-text">
           {{t "pages.organization-participants.table.empty"}}
         </div>
       {{/unless}}
-    </div>
 
-    <div id={{this.actionBarId}} />
-    <div id={{this.paginationId}} />
+      <div id={{paginationId}} />
+      <div id={{actionBarId}} />
+    {{/let}}
   </template>
 }
+
+const Filters = <template>
+  <InElement @destinationId={{@destinationId}}>
+    <LearnerFilters
+      @learnersCount={{@participants.meta.rowCount}}
+      @fullName={{@fullName}}
+      @customFilters={{this.customFilters}}
+      @customFiltersValues={{@customFiltersValues}}
+      @certificabilityFilter={{@certificabilityFilter}}
+      @onTriggerFiltering={{@onTriggerFiltering}}
+      @onResetFilter={{@onResetFilter}}
+    />
+  </InElement>
+</template>;
+
+const ActionBar = <template>
+  <InElement @destinationId={{@destinationId}}>
+    <UiActionBar>
+      <:information>
+        {{t "pages.campaigns-list.action-bar.information" count=@count}}
+      </:information>
+      <:actions>
+        <PixButton @triggerAction={{@openDeletionModal}} type="button" @variant="error">
+          {{t "pages.campaigns-list.action-bar.delete-button"}}
+        </PixButton>
+      </:actions>
+    </UiActionBar>
+  </InElement>
+</template>;
+
+const PixPaginationControl = <template>
+  <InElement @destinationId={{@destinationId}} @waitForElement={{true}}>
+    <PixPagination @pagination={{@pagination}} @onChange={{@onChange}} @locale={{this.intl.primaryLocale}} />
+  </InElement>
+</template>;
+
+const DeletionModal = <template>
+  <UiDeletionModal
+    @title={{t
+      "pages.organization-participants.deletion-modal.title"
+      count=@selectecParticipants.length
+      firstname=(get @selectecParticipants "0.firstName")
+      lastname=(get @selectecParticipants "0.lastName")
+      htmlSafe=true
+    }}
+    @showModal={{@showModal}}
+    @count={{@selectedParticipants.length}}
+    @onTriggerAction={{@onTriggerAction}}
+    @onCloseModal={{@onCloseModal}}
+  >
+    <:content>
+      <p>{{t "pages.organization-participants.deletion-modal.content.header" count=@selectedParticipants.length}}</p>
+      <p>{{t
+          "pages.organization-participants.deletion-modal.content.main-participation-prevent"
+          count=@selectedParticipants.length
+        }}</p>
+      <p>{{t
+          "pages.organization-participants.deletion-modal.content.main-campaign-prevent"
+          count=@selectedParticipants.length
+        }}</p>
+      <p>{{t
+          "pages.organization-participants.deletion-modal.content.main-participation-access"
+          count=@selectedParticipants.length
+        }}</p>
+      <p>{{t
+          "pages.organization-participants.deletion-modal.content.main-new-campaign-access"
+          count=@selectedParticipants.length
+        }}</p>
+      <p><strong>{{t
+            "pages.organization-participants.deletion-modal.content.footer"
+            count=@selectedParticipants.length
+          }}</strong></p>
+    </:content>
+  </UiDeletionModal>
+</template>;
diff --git a/orga/app/components/organization-participant/table-headers.gjs b/orga/app/components/organization-participant/table-headers.gjs
deleted file mode 100644
index 6f952b70d18..00000000000
--- a/orga/app/components/organization-participant/table-headers.gjs
+++ /dev/null
@@ -1,111 +0,0 @@
-import PixCheckbox from '@1024pix/pix-ui/components/pix-checkbox';
-import PixIcon from '@1024pix/pix-ui/components/pix-icon';
-import PixTooltip from '@1024pix/pix-ui/components/pix-tooltip';
-import { on } from '@ember/modifier';
-import { service } from '@ember/service';
-import Component from '@glimmer/component';
-import { t } from 'ember-intl';
-import { eq, not } from 'ember-truth-helpers';
-
-import { getColumnName } from '../../helpers/import-format.js';
-import Tooltip from '../certificability/tooltip';
-import Header from '../table/header';
-import HeaderSort from '../table/header-sort';
-
-export default class TableHeaders extends Component {
-  @service currentUser;
-
-  <template>
-    <tr>
-      {{#if @showCheckbox}}
-        <Header class="table__column--small">
-          <PixCheckbox
-            @screenReaderOnly={{true}}
-            @checked={{@someSelected}}
-            @isIndeterminate={{not @allSelected}}
-            disabled={{not @hasParticipants}}
-            {{on "click" @onToggleAll}}
-          ><:label>{{t "pages.organization-participants.table.column.mainCheckbox"}}</:label></PixCheckbox>
-        </Header>
-      {{/if}}
-      <HeaderSort
-        @display="left"
-        @onSort={{@onSortByLastname}}
-        @order={{@lastnameSort}}
-        @ariaLabelDefaultSort={{t "pages.organization-participants.table.column.last-name.ariaLabelDefaultSort"}}
-        @ariaLabelSortUp={{t "pages.organization-participants.table.column.last-name.ariaLabelSortUp"}}
-        @ariaLabelSortDown={{t "pages.organization-participants.table.column.last-name.ariaLabelSortDown"}}
-      >
-        {{t "pages.organization-participants.table.column.last-name.label"}}
-      </HeaderSort>
-      <Header>{{t "pages.organization-participants.table.column.first-name"}}</Header>
-      {{#each @customHeadings as |heading|}}
-        <Header>
-          <div class="organization-participant-list-page__header-with-tooltip">
-            {{t (getColumnName heading)}}
-            {{#if (eq heading "ORALIZATION")}}
-              <PixTooltip @id="organization-participants-oralization-tooltip" @isWide="true">
-                <:triggerElement>
-                  <PixIcon
-                    @name="help"
-                    @plainIcon="true"
-                    aria-label={{t "pages.organization-participants.table.oralization-header-tooltip-aria-label"}}
-                    aria-describedby="organization-participants-oralization-tooltip"
-                  />
-                </:triggerElement>
-
-                <:tooltip>
-                  {{t "pages.organization-participants.table.oralization-header-tooltip"}}
-                </:tooltip>
-              </PixTooltip>
-            {{/if}}
-
-          </div>
-        </Header>
-      {{/each}}
-
-      {{#unless this.currentUser.canAccessMissionsPage}}
-        <HeaderSort
-          @size="medium"
-          @align="center"
-          @onSort={{@onSortByParticipationCount}}
-          @order={{@participationCountOrder}}
-          @ariaLabelDefaultSort={{t
-            "pages.organization-participants.table.column.participation-count.ariaLabelDefaultSort"
-          }}
-          @ariaLabelSortUp={{t "pages.organization-participants.table.column.participation-count.ariaLabelSortUp"}}
-          @ariaLabelSortDown={{t "pages.organization-participants.table.column.participation-count.ariaLabelSortDown"}}
-        >
-          {{t "pages.organization-participants.table.column.participation-count.label"}}
-        </HeaderSort>
-        <HeaderSort
-          @size="medium"
-          @align="center"
-          @onSort={{@onSortByLatestParticipation}}
-          @order={{@latestParticipationOrder}}
-          @ariaLabelDefaultSort={{t
-            "pages.organization-participants.table.column.latest-participation.ariaLabelDefaultSort"
-          }}
-          @ariaLabelSortUp={{t "pages.organization-participants.table.column.latest-participation.ariaLabelSortUp"}}
-          @ariaLabelSortDown={{t "pages.organization-participants.table.column.latest-participation.ariaLabelSortDown"}}
-        >
-          {{t "pages.organization-participants.table.column.latest-participation.label"}}
-        </HeaderSort>
-        <Header @size="medium" @align="center">
-          <div class="organization-participant-list-page__certificability-header">
-            {{t "pages.organization-participants.table.column.is-certifiable.label"}}
-            <Tooltip
-              @hasComputeOrganizationLearnerCertificabilityEnabled={{@hasComputeOrganizationLearnerCertificabilityEnabled}}
-            />
-          </div>
-        </Header>
-      {{/unless}}
-
-      {{#if @hasActionColumn}}
-        <Header @size="small" class="table__column--last-col">
-          {{t "common.actions.global"}}
-        </Header>
-      {{/if}}
-    </tr>
-  </template>
-}
diff --git a/orga/app/components/organization-participant/table-row.gjs b/orga/app/components/organization-participant/table-row.gjs
deleted file mode 100644
index 91b6836ed29..00000000000
--- a/orga/app/components/organization-participant/table-row.gjs
+++ /dev/null
@@ -1,139 +0,0 @@
-import PixCheckbox from '@1024pix/pix-ui/components/pix-checkbox';
-import { on } from '@ember/modifier';
-import { LinkTo } from '@ember/routing';
-import { service } from '@ember/service';
-import Component from '@glimmer/component';
-import dayjs from 'dayjs';
-import { t } from 'ember-intl';
-import { gt } from 'ember-truth-helpers';
-
-//TODO C'est ici le dernier com
-import CertificabilityCell from '../certificability/cell';
-import DropdownIconTrigger from '../dropdown/icon-trigger';
-import DropdownItem from '../dropdown/item';
-import LastParticipationDateTooltip from '../ui/last-participation-date-tooltip';
-
-export default class TableRow extends Component {
-  @service currentUser;
-  @service intl;
-
-  displayDate(date) {
-    return dayjs(date).format('DD/MM/YYYY');
-  }
-
-  get rowClass() {
-    if (this.args.hasOrganizationParticipantPage) {
-      return 'tr--clickable';
-    }
-    return '';
-  }
-
-  getExtraColumnRowValue(extraColumnName, participant) {
-    const extraColumnValue = participant.extraColumns[extraColumnName];
-
-    if (extraColumnName === 'ORALIZATION') {
-      return this.intl.t(`pages.organization-participants.table.row-value.oralization.${extraColumnValue}`);
-    }
-    if (!extraColumnValue) return '';
-
-    if (dayjs(extraColumnValue).isValid()) {
-      return this.displayDate(extraColumnValue);
-    }
-
-    return extraColumnValue;
-  }
-
-  get extraColumnRowInfo() {
-    if (!this.args.participant.extraColumns) {
-      return [];
-    }
-
-    return Object.keys(this.args.participant.extraColumns).map((extraColumnName) =>
-      this.getExtraColumnRowValue(extraColumnName, this.args.participant),
-    );
-  }
-
-  <template>
-    <tr
-      aria-label={{t "pages.organization-participants.table.row-title"}}
-      {{on "click" @onClickLearner}}
-      class={{this.rowClass}}
-    >
-
-      {{#if @showCheckbox}}
-        <td class="table__column" {{on "click" @onToggleParticipant}}>
-          <PixCheckbox @screenReaderOnly={{true}} @checked={{@isParticipantSelected}}>
-            <:label>
-              {{t
-                "pages.organization-participants.table.column.checkbox"
-                firstname=@participant.firstName
-                lastname=@participant.lastName
-              }}
-            </:label>
-          </PixCheckbox>
-        </td>
-      {{/if}}
-      <td class="table__column">
-        {{#if @hasOrganizationParticipantPage}}
-          <LinkTo @route="authenticated.organization-participants.organization-participant" @model={{@participant.id}}>
-            {{@participant.lastName}}
-          </LinkTo>
-        {{else}}
-          {{@participant.lastName}}
-        {{/if}}
-      </td>
-      <td class="ellipsis" title={{@participant.firstName}}>{{@participant.firstName}}</td>
-      {{#if @customRows}}
-        {{#each this.extraColumnRowInfo as |customCell|}}
-          <td>
-            {{customCell}}
-          </td>
-        {{/each}}
-      {{/if}}
-      {{#unless this.currentUser.canAccessMissionsPage}}
-        <td class="table__column--center">
-          {{@participant.participationCount}}
-        </td>
-        <td>
-          <div class="organization-participant-list-page__last-participation">
-            {{#if @participant.lastParticipationDate}}
-              <span>{{this.displayDate @participant.lastParticipationDate}}</span>
-              <LastParticipationDateTooltip
-                @id={{@participant.id}}
-                @campaignName={{@participant.campaignName}}
-                @campaignType={{@participant.campaignType}}
-                @participationStatus={{@participant.participationStatus}}
-              />
-            {{/if}}
-          </div>
-        </td>
-        <td class="table__column--center">
-          <CertificabilityCell
-            @certifiableAt={{@participant.certifiableAt}}
-            @isCertifiable={{@participant.isCertifiable}}
-            @hideCertifiableDate={{@hideCertifiableDate}}
-          />
-        </td>
-      {{/unless}}
-
-      {{#if (gt @actionsForParticipant.length 0)}}
-        <td class="table__column--last-col">
-          <DropdownIconTrigger
-            @icon="moreVert"
-            @dropdownButtonClass="organization-participant-list-page__dropdown-button"
-            @dropdownContentClass="organization-participant-list-page__dropdown-content"
-            @ariaLabel={{t "pages.sup-organization-participants.actions.show-actions"}}
-          >
-            <:default as |closeMenu|>
-              {{#each @actionsForParticipant as |actionForPartipant|}}
-                <DropdownItem @onClick={{actionForPartipant.onClick}} @closeMenu={{closeMenu}}>
-                  {{actionForPartipant.label}}
-                </DropdownItem>
-              {{/each}}
-            </:default>
-          </DropdownIconTrigger>
-        </td>
-      {{/if}}
-    </tr>
-  </template>
-}
diff --git a/orga/app/components/participant/assessment/results.gjs b/orga/app/components/participant/assessment/results.gjs
index c09f077cf3a..33331560d33 100644
--- a/orga/app/components/participant/assessment/results.gjs
+++ b/orga/app/components/participant/assessment/results.gjs
@@ -1,8 +1,9 @@
 import PixProgressBar from '@1024pix/pix-ui/components/pix-progress-bar';
+import PixTable from '@1024pix/pix-ui/components/pix-table';
+import PixTableColumn from '@1024pix/pix-ui/components/pix-table-column';
 import { t } from 'ember-intl';
 
 import multiply from '../../../helpers/multiply';
-import TableHeader from '../../table/header';
 
 function sortedCompetenceResults(results) {
   return results.sort((a, b) => {
@@ -19,46 +20,44 @@ function competenceCount(results) {
 }
 
 <template>
-  <section class="panel panel--light-shadow participant-results__details">
-    <h3 class="screen-reader-only">{{t "pages.assessment-individual-results.table.title"}}</h3>
+  <section>
+    <PixTable
+      @variant="orga"
+      @caption={{t "pages.assessment-individual-results.table.title"}}
+      @data={{sortedCompetenceResults @results}}
+      class="table"
+      @onRowClick={{@onClickCampaign}}
+    >
+      <:columns as |competenceResult context|>
+        <PixTableColumn @context={{context}}>
+          <:header>
+            {{t "pages.assessment-individual-results.table.column.competences" count=(competenceCount @results)}}
+          </:header>
+          <:cell>
+            <span class="competences-col__border competences-col__border--{{competenceResult.areaColor}}">
+              {{competenceResult.name}}
+            </span>
+          </:cell>
+        </PixTableColumn>
 
-    <table class="content-text content-text--small">
-      <thead>
-        <tr>
-          <TableHeader @size="wide">{{t
-              "pages.assessment-individual-results.table.column.competences"
-              count=(competenceCount @results)
-            }}</TableHeader>
-          <TableHeader @size="wide">{{t "pages.assessment-individual-results.table.column.results.label"}}</TableHeader>
-        </tr>
-      </thead>
-
-      {{#if (displayResults @results)}}
-        <tbody>
-          {{#each (sortedCompetenceResults @results) as |competenceResult|}}
-            <tr aria-label={{t "pages.assessment-individual-results.table.row-title"}}>
-              <td class="competences-col__name">
-                <span class="competences-col__border competences-col__border--{{competenceResult.areaColor}}"></span>
-                <span>
-                  {{competenceResult.name}}
-                </span>
-              </td>
-              <td class="competences-col__gauge">
-                <PixProgressBar
-                  @value={{multiply competenceResult.competenceMasteryRate 100}}
-                  @tooltipText={{t
-                    "pages.assessment-individual-results.table.column.results.tooltip"
-                    result=competenceResult.competenceMasteryRate
-                    competence=competenceResult.name
-                    htmlSafe=true
-                  }}
-                />
-              </td>
-            </tr>
-          {{/each}}
-        </tbody>
-      {{/if}}
-    </table>
+        <PixTableColumn @context={{context}}>
+          <:header>
+            {{t "pages.assessment-individual-results.table.column.results.label"}}
+          </:header>
+          <:cell>
+            <PixProgressBar
+              @value={{multiply competenceResult.competenceMasteryRate 100}}
+              @tooltipText={{t
+                "pages.assessment-individual-results.table.column.results.tooltip"
+                result=competenceResult.competenceMasteryRate
+                competence=competenceResult.name
+                htmlSafe=true
+              }}
+            />
+          </:cell>
+        </PixTableColumn>
+      </:columns>
+    </PixTable>
 
     {{#unless (displayResults @results)}}
       <p class="table__empty content-text">{{t "pages.assessment-individual-results.table.empty"}}</p>
diff --git a/orga/app/components/participant/profile/table.gjs b/orga/app/components/participant/profile/table.gjs
index 11956b752ad..45b7a5482ad 100644
--- a/orga/app/components/participant/profile/table.gjs
+++ b/orga/app/components/participant/profile/table.gjs
@@ -1,43 +1,47 @@
+import PixTable from '@1024pix/pix-ui/components/pix-table';
+import PixTableColumn from '@1024pix/pix-ui/components/pix-table-column';
 import { t } from 'ember-intl';
 
-import TableHeader from '../../table/header';
-
 <template>
-  <section class="profile-competences panel">
-    <h3 class="screen-reader-only">{{t "pages.profiles-individual-results.table.title"}}</h3>
-    <table>
-      <thead>
-        <tr>
-          <TableHeader @size="wide">
+  <section>
+    <PixTable
+      @variant="orga"
+      @caption={{t "pages.profiles-individual-results.table.title"}}
+      @data={{@competences}}
+      class="table"
+      @onRowClick={{@onClickCampaign}}
+    >
+      <:columns as |competence context|>
+        <PixTableColumn @context={{context}}>
+          <:header>
             {{t "pages.profiles-individual-results.table.column.skill"}}
-          </TableHeader>
-          <TableHeader @size="small" @align="center">{{t
-              "pages.profiles-individual-results.table.column.level"
-            }}</TableHeader>
-          <TableHeader @size="small" @align="center">{{t
-              "pages.profiles-individual-results.table.column.pix-score"
-            }}</TableHeader>
-        </tr>
-      </thead>
-      <tbody>
-        {{#each @competences as |competence|}}
-          <tr aria-label={{t "pages.profiles-individual-results.table.row-title"}}>
-            <td class="competences-col__name">
-              <span class="competences-col__border competences-col__border--{{competence.areaColor}}"></span>
-              <span>
-                {{competence.name}}
-              </span>
-            </td>
-            <td class="table__column--center">
-              {{competence.estimatedLevel}}
-            </td>
-            <td class="table__column--center">
-              {{competence.pixScore}}
-            </td>
-          </tr>
-        {{/each}}
-      </tbody>
-    </table>
+          </:header>
+          <:cell>
+            <span class="competences-col__border competences-col__border--{{competence.areaColor}}">
+              {{competence.name}}
+            </span>
+          </:cell>
+        </PixTableColumn>
+
+        <PixTableColumn @context={{context}}>
+          <:header>
+            {{t "pages.profiles-individual-results.table.column.level"}}
+          </:header>
+          <:cell>
+            {{competence.estimatedLevel}}
+          </:cell>
+        </PixTableColumn>
+
+        <PixTableColumn @context={{context}}>
+          <:header>
+            {{t "pages.profiles-individual-results.table.column.pix-score"}}
+          </:header>
+          <:cell>
+            {{competence.pixScore}}
+          </:cell>
+        </PixTableColumn>
+      </:columns>
+    </PixTable>
 
     {{#unless @isShared}}
       <p class="table__empty content-text">
diff --git a/orga/app/components/places/places-lot-table.gjs b/orga/app/components/places/places-lot-table.gjs
index 686c09e09a5..1a273456557 100644
--- a/orga/app/components/places/places-lot-table.gjs
+++ b/orga/app/components/places/places-lot-table.gjs
@@ -1,10 +1,11 @@
+import PixTable from '@1024pix/pix-ui/components/pix-table';
+import PixTableColumn from '@1024pix/pix-ui/components/pix-table-column';
 import PixTag from '@1024pix/pix-ui/components/pix-tag';
 import dayjs from 'dayjs';
 import { t } from 'ember-intl';
 import { eq, gt } from 'ember-truth-helpers';
 
 import { STATUSES } from '../../models/organization-places-lot';
-import Header from '../table/header';
 import EmptyState from '../ui/empty-state.js';
 
 function displayDate(date) {
@@ -18,37 +19,67 @@ function emptyCell(value) {
 <template>
   {{#if (gt @placesLots.length 0)}}
     <h2 class="places-lots_title">{{t "pages.places.places-lots.table.title"}}</h2>
-    <div class="panel">
-      <table class="table">
-        <caption class="screen-reader-only">{{t "pages.places.places-lots.table.caption"}}</caption>
-        <thead>
-          <tr>
-            <Header @size="medium" scope="col">{{t "pages.places.places-lots.table.headers.count"}}</Header>
-            <Header scope="col">{{t "pages.places.places-lots.table.headers.activation-date"}}</Header>
-            <Header scope="col">{{t "pages.places.places-lots.table.headers.expiration-date"}}</Header>
-            <Header scope="col">{{t "pages.places.places-lots.table.headers.status"}}</Header>
-          </tr>
-        </thead>
-        <tbody>
-          {{#each @placesLots as |placesLot|}}
-            <tr>
-              <td>{{emptyCell placesLot.count}}</td>
-              <td>{{displayDate placesLot.activationDate}}</td>
-              <td>{{emptyCell (displayDate placesLot.expirationDate)}}</td>
-              <td>
-                {{#if (eq placesLot.status STATUSES.PENDING)}}
-                  <PixTag @color="tertiary">{{t "pages.places.places-lots.statuses.pending"}}</PixTag>
-                {{else if (eq placesLot.status STATUSES.ACTIVE)}}
-                  <PixTag @color="success">{{t "pages.places.places-lots.statuses.active"}}</PixTag>
-                {{else}}
-                  <PixTag @color="neutral">{{t "pages.places.places-lots.statuses.expired"}}</PixTag>
-                {{/if}}
-              </td>
-            </tr>
-          {{/each}}
-        </tbody>
-      </table>
-    </div>
+
+    <PixTable
+      @variant="orga"
+      @caption={{t "pages.places.places-lots.table.caption"}}
+      @data={{@placesLots}}
+      class="table"
+      @onRowClick={{@onClickCampaign}}
+    >
+      <:columns as |placesLot context|>
+        <PixTableColumn @context={{context}} @type="number">
+          <:header>
+            {{t "pages.places.places-lots.table.headers.count"}}
+          </:header>
+          <:cell>
+            {{emptyCell placesLot.count}}
+          </:cell>
+        </PixTableColumn>
+
+        <PixTableColumn @context={{context}}>
+          <:header>
+            {{t "pages.places.places-lots.table.headers.count"}}
+          </:header>
+          <:cell>
+            {{displayDate placesLot.activationDate}}
+          </:cell>
+        </PixTableColumn>
+
+        <PixTableColumn @context={{context}}>
+          <:header>
+            {{t "pages.places.places-lots.table.headers.activation-date"}}
+          </:header>
+          <:cell>
+            {{emptyCell (displayDate placesLot.expirationDate)}}
+          </:cell>
+        </PixTableColumn>
+
+        <PixTableColumn @context={{context}}>
+          <:header>
+            {{t "pages.places.places-lots.table.headers.expiration-date"}}
+          </:header>
+          <:cell>
+          </:cell>
+        </PixTableColumn>
+
+        <PixTableColumn @context={{context}}>
+          <:header>
+            {{t "pages.places.places-lots.table.headers.status"}}
+          </:header>
+          <:cell>
+            {{#if (eq placesLot.status STATUSES.PENDING)}}
+              <PixTag @color="tertiary">{{t "pages.places.places-lots.statuses.pending"}}</PixTag>
+            {{else if (eq placesLot.status STATUSES.ACTIVE)}}
+              <PixTag @color="success">{{t "pages.places.places-lots.statuses.active"}}</PixTag>
+            {{else}}
+              <PixTag @color="neutral">{{t "pages.places.places-lots.statuses.expired"}}</PixTag>
+            {{/if}}
+          </:cell>
+        </PixTableColumn>
+      </:columns>
+    </PixTable>
+
   {{else}}
     <div class="places-lots_empty-state">
       <EmptyState @infoText={{t "pages.places.places-lots.table.empty-state"}} />
diff --git a/orga/app/components/selectable-list.gjs b/orga/app/components/selectable-list.gjs
index 17315e29516..f0f9375ab67 100644
--- a/orga/app/components/selectable-list.gjs
+++ b/orga/app/components/selectable-list.gjs
@@ -49,5 +49,15 @@ export default class SelectableList extends Component {
       {{yield item (fn this.toggle item) (this.isSelected item) index to="item"}}
     {{/each}}
     {{yield this.allSelected this.someSelected this.toggleAll this.selectedItems this.reset to="manager"}}
+
+    {{yield
+      this.toggle
+      this.isSelected
+      this.allSelected
+      this.someSelected
+      this.toggleAll
+      this.selectedItems
+      this.reset
+    }}
   </template>
 }
diff --git a/orga/app/components/statistics/index.gjs b/orga/app/components/statistics/index.gjs
index 9e8553dbbbe..112d2978db9 100644
--- a/orga/app/components/statistics/index.gjs
+++ b/orga/app/components/statistics/index.gjs
@@ -1,13 +1,14 @@
 import PixButton from '@1024pix/pix-ui/components/pix-button';
 import PixPagination from '@1024pix/pix-ui/components/pix-pagination';
 import PixSelect from '@1024pix/pix-ui/components/pix-select';
+import PixTable from '@1024pix/pix-ui/components/pix-table';
+import PixTableColumn from '@1024pix/pix-ui/components/pix-table-column';
 import { service } from '@ember/service';
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import dayjs from 'dayjs';
 import { t } from 'ember-intl';
 
-import Header from '../table/header';
 import PageTitle from '../ui/page-title';
 import CoverRateGauge from './cover-rate-gauge';
 import TagLevel from './tag-level';
@@ -134,37 +135,38 @@ export default class Statistics extends Component {
           }}</PixButton>
       </section>
 
-      <section class="statistics-page__cover-rate">
-        <table class="panel">
-          <caption class="screen-reader-only">{{t "pages.statistics.table.caption"}}</caption>
-          <thead>
-            <tr>
-              <Header @size="wide" scope="col">{{t "pages.statistics.table.headers.competences"}}</Header>
-              <Header @size="medium" scope="col">{{t "pages.statistics.table.headers.topics"}}</Header>
-              <Header @size="medium" @align="center" scope="col">{{t
-                  "pages.statistics.table.headers.positioning"
-                }}</Header>
-              <Header @align="center" @size="medium" scope="col">{{t
-                  "pages.statistics.table.headers.reached-level"
-                }}</Header>
-            </tr>
-          </thead>
-          <tbody>
-            {{#each this.currentVisibleAnalysis as |line|}}
-              <tr>
-                <td>{{line.competence_code}} {{line.competence}}</td>
-                <td>{{line.sujet}}</td>
-                <td>
-                  <CoverRateGauge @userLevel={{line.niveau_par_user}} @tubeLevel={{line.niveau_par_sujet}} />
-                </td>
-                <td class="table__column--center">
-                  <TagLevel @level={{line.niveau_par_user}} />
-                </td>
-              </tr>
-            {{/each}}
-          </tbody>
-        </table>
-      </section>
+      <PixTable
+        @variant="orga"
+        class="table"
+        @data={{this.currentVisibleAnalysis}}
+        @caption={{t "pages.statistics.table.caption"}}
+      >
+        <:columns as |analysis context|>
+          <PixTableColumn @context={{context}}>
+            <:header>{{t "pages.statistics.table.headers.competences"}}</:header>
+            <:cell>{{analysis.competence_code}} {{analysis.competence}}</:cell>
+          </PixTableColumn>
+
+          <PixTableColumn @context={{context}}>
+            <:header>{{t "pages.statistics.table.headers.topics"}}</:header>
+            <:cell>{{analysis.sujet}}</:cell>
+          </PixTableColumn>
+
+          <PixTableColumn @context={{context}}>
+            <:header>{{t "pages.statistics.table.headers.positioning"}}</:header>
+            <:cell>
+              <CoverRateGauge @userLevel={{analysis.niveau_par_user}} @tubeLevel={{analysis.niveau_par_sujet}} />
+            </:cell>
+          </PixTableColumn>
+
+          <PixTableColumn @context={{context}}>
+            <:header>{{t "pages.statistics.table.headers.reached-level"}}</:header>
+            <:cell>
+              <TagLevel @level={{analysis.niveau_par_user}} />
+            </:cell>
+          </PixTableColumn>
+        </:columns>
+      </PixTable>
 
       <PixPagination @pagination={{this.pagination}} @locale={{this.currentLocale}} />
     {{else}}
diff --git a/orga/app/components/team/invitations-list-item.gjs b/orga/app/components/team/invitations-list-item.gjs
index 422e201cea6..e45c9fab228 100644
--- a/orga/app/components/team/invitations-list-item.gjs
+++ b/orga/app/components/team/invitations-list-item.gjs
@@ -1,4 +1,5 @@
 import PixIconButton from '@1024pix/pix-ui/components/pix-icon-button';
+import PixTableColumn from '@1024pix/pix-ui/components/pix-table-column';
 import PixTooltip from '@1024pix/pix-ui/components/pix-tooltip';
 import { fn } from '@ember/helper';
 import { action } from '@ember/object';
@@ -43,13 +44,30 @@ export default class InvitationsListItem extends Component {
   }
 
   <template>
-    <tr aria-label="{{t 'pages.team-invitations.table.row.aria-label'}}">
-      <td>{{@invitation.email}}</td>
-      <td class="hide-on-mobile">
+    <PixTableColumn @context={{@context}}>
+      <:header>
+        {{t "pages.team-invitations.table.column.email-address"}}
+      </:header>
+      <:cell>
+        {{@invitation.email}}
+      </:cell>
+    </PixTableColumn>
+
+    <PixTableColumn @context={{@context}}>
+      <:header>
+        {{t "pages.team-invitations.table.column.pending-invitation"}}
+      </:header>
+      <:cell>
         {{dayjsFormat @invitation.updatedAt "DD/MM/YYYY [-] HH:mm"}}
-      </td>
-      <td>
-        <div class="invitations-list__action">
+      </:cell>
+    </PixTableColumn>
+
+    <PixTableColumn @context={{@context}}>
+      <:header>
+        {{t "common.actions.global"}}
+      </:header>
+      <:cell>
+        <div class="organization-participant__align-element">
           <PixTooltip @isInline={{true}}>
             <:triggerElement>
               <PixIconButton
@@ -84,7 +102,7 @@ export default class InvitationsListItem extends Component {
             </:tooltip>
           </PixTooltip>
         </div>
-      </td>
-    </tr>
+      </:cell>
+    </PixTableColumn>
   </template>
 }
diff --git a/orga/app/components/team/invitations-list.gjs b/orga/app/components/team/invitations-list.gjs
index 02a22eefc2e..76e06cef7a9 100644
--- a/orga/app/components/team/invitations-list.gjs
+++ b/orga/app/components/team/invitations-list.gjs
@@ -1,9 +1,8 @@
+import PixTable from '@1024pix/pix-ui/components/pix-table';
 import { action } from '@ember/object';
 import { service } from '@ember/service';
 import Component from '@glimmer/component';
-import { t } from 'ember-intl';
 
-import TableHeader from '../table/header';
 import InvitationsListItem from './invitations-list-item';
 
 export default class TeamInvitationsListComponent extends Component {
@@ -28,25 +27,14 @@ export default class TeamInvitationsListComponent extends Component {
     }
   }
   <template>
-    <div class="panel table content-text content-text--small">
-      <table>
-        <thead>
-          <tr>
-            <TableHeader @size="wide">{{t "pages.team-invitations.table.column.email-address"}}</TableHeader>
-            <TableHeader @size="x-wide" class="hide-on-mobile">{{t
-                "pages.team-invitations.table.column.pending-invitation"
-              }}</TableHeader>
-            <TableHeader @size="wide" class="hide-on-mobile">
-              <span>{{t "common.actions.global"}}</span>
-            </TableHeader>
-          </tr>
-        </thead>
-        <tbody>
-          {{#each @invitations as |invitation|}}
-            <InvitationsListItem @invitation={{invitation}} @cancelInvitation={{this.cancelInvitation}} />
-          {{/each}}
-        </tbody>
-      </table>
-    </div>
+    <PixTable @variant="orga" @caption={{@caption}} @data={{@invitations}} class="table">
+      <:columns as |invitation context|>
+        <InvitationsListItem
+          @invitation={{invitation}}
+          @context={{context}}
+          @cancelInvitation={{this.cancelInvitation}}
+        />
+      </:columns>
+    </PixTable>
   </template>
 }
diff --git a/orga/app/components/team/members-list-item.gjs b/orga/app/components/team/members-list-item.gjs
index d4403926a25..fe8e0854141 100644
--- a/orga/app/components/team/members-list-item.gjs
+++ b/orga/app/components/team/members-list-item.gjs
@@ -1,6 +1,7 @@
 import PixButton from '@1024pix/pix-ui/components/pix-button';
 import PixIconButton from '@1024pix/pix-ui/components/pix-icon-button';
 import PixSelect from '@1024pix/pix-ui/components/pix-select';
+import PixTableColumn from '@1024pix/pix-ui/components/pix-table-column';
 import { fn } from '@ember/helper';
 import { action } from '@ember/object';
 import { service } from '@ember/service';
@@ -47,8 +48,9 @@ export default class MembersListItem extends Component {
 
   constructor() {
     super(...arguments);
+
     this.organizationRoles = [this.adminOption, this.memberOption];
-    this.roleSelection = this.args.membership.organizationRole;
+    this.roleSelection = this.args.membership?.organizationRole;
   }
 
   get displayRole() {
@@ -152,84 +154,111 @@ export default class MembersListItem extends Component {
   }
 
   <template>
-    <tr aria-label="{{t 'pages.team-members.table.row-title'}}">
-      <td>{{@membership.user.lastName}}</td>
-      <td>{{@membership.user.firstName}}</td>
-
-      {{#unless this.isEditionMode}}
-        <td>{{this.displayRole}}</td>
-        {{#if this.currentUser.isAdminInOrganization}}
-          <td class="zone-edit-role hide-on-mobile">
-            {{#if this.isNotCurrentUserMembership}}
-              <DropdownIconTrigger
-                @icon="moreVert"
-                @dropdownButtonClass="zone-edit-role__dropdown-button"
-                @dropdownContentClass="zone-edit-role__dropdown-content"
-                @ariaLabel={{t "pages.team-members.actions.manage"}}
-              >
-                <DropdownItem @onClick={{this.toggleEditionMode}}>
-                  {{t "pages.team-members.actions.edit-organization-membership-role"}}
-                </DropdownItem>
-                <DropdownItem @onClick={{fn this.displayRemoveMembershipModal @membership}}>
-                  {{t "pages.team-members.actions.remove-membership"}}
-                </DropdownItem>
-              </DropdownIconTrigger>
-            {{else}}
-              {{#if @isMultipleAdminsAvailable}}
+    <PixTableColumn @context={{@context}}>
+      <:header>
+        {{t "pages.team-members.table.column.last-name"}}
+      </:header>
+      <:cell>
+        {{@membership.user.lastName}}
+      </:cell>
+    </PixTableColumn>
+
+    <PixTableColumn @context={{@context}}>
+      <:header>
+        {{t "pages.team-members.table.column.first-name"}}
+      </:header>
+      <:cell>
+        {{@membership.user.firstName}}
+      </:cell>
+    </PixTableColumn>
+
+    <PixTableColumn @context={{@context}}>
+      <:header>
+        {{t "pages.team-members.table.column.organization-membership-role"}}
+      </:header>
+      <:cell>
+        {{#unless this.isEditionMode}}
+          {{this.displayRole}}
+        {{/unless}}
+
+        {{#if this.isEditionMode}}
+          <PixSelect
+            class="table__input"
+            @screenReaderOnly={{true}}
+            @hideDefaultOption={{true}}
+            @placeholder="{{t 'pages.team-members.actions.select-role.label'}}"
+            @onChange={{this.setRoleSelection}}
+            @options={{this.organizationRoles}}
+            @value={{this.roleSelection}}
+          >
+            <:label>{{t "pages.team-members.actions.select-role.label"}}</:label>
+          </PixSelect>
+        {{/if}}
+      </:cell>
+    </PixTableColumn>
+
+    {{#if @displaManagingColumn}}
+      <PixTableColumn @context={{@context}}>
+        <:header>
+          {{t "common.actions.global"}}
+        </:header>
+        <:cell>
+          {{#unless this.isEditionMode}}
+            {{#if this.currentUser.isAdminInOrganization}}
+              {{#if this.isNotCurrentUserMembership}}
                 <DropdownIconTrigger
                   @icon="moreVert"
                   @dropdownButtonClass="zone-edit-role__dropdown-button"
                   @dropdownContentClass="zone-edit-role__dropdown-content"
                   @ariaLabel={{t "pages.team-members.actions.manage"}}
                 >
-                  <DropdownItem @onClick={{fn this.displayLeaveOrganizationModal @membership}}>
-                    {{t "pages.team-members.actions.leave-organization"}}
+                  <DropdownItem @onClick={{this.toggleEditionMode}}>
+                    {{t "pages.team-members.actions.edit-organization-membership-role"}}
+                  </DropdownItem>
+                  <DropdownItem @onClick={{fn this.displayRemoveMembershipModal @membership}}>
+                    {{t "pages.team-members.actions.remove-membership"}}
                   </DropdownItem>
                 </DropdownIconTrigger>
+              {{else}}
+                {{#if @isMultipleAdminsAvailable}}
+                  <DropdownIconTrigger
+                    @icon="moreVert"
+                    @dropdownButtonClass="zone-edit-role__dropdown-button"
+                    @dropdownContentClass="zone-edit-role__dropdown-content"
+                    @ariaLabel={{t "pages.team-members.actions.manage"}}
+                  >
+                    <DropdownItem @onClick={{fn this.displayLeaveOrganizationModal @membership}}>
+                      {{t "pages.team-members.actions.leave-organization"}}
+                    </DropdownItem>
+                  </DropdownIconTrigger>
+                {{/if}}
               {{/if}}
             {{/if}}
-          </td>
-        {{/if}}
-      {{/unless}}
-
-      {{#if this.isEditionMode}}
-        <td>
-          <div id="selectOrganizationRole">
-            <PixSelect
-              class="table__input"
-              @screenReaderOnly={{true}}
-              @hideDefaultOption={{true}}
-              @placeholder="{{t 'pages.team-members.actions.select-role.label'}}"
-              @onChange={{this.setRoleSelection}}
-              @options={{this.organizationRoles}}
-              @value={{this.roleSelection}}
-            >
-              <:label>{{t "pages.team-members.actions.select-role.label"}}</:label>
-            </PixSelect>
-          </div>
-        </td>
-        <td>
-          <div class="zone-save-cancel-role">
-            <PixButton
-              id="save-organization-role"
-              @triggerAction={{fn this.updateRoleOfMember @membership}}
-              @size="small"
-              aria-label={{t "pages.team-members.actions.save"}}
-            >
-              {{t "pages.team-members.actions.save"}}
-            </PixButton>
-            <PixIconButton
-              @iconName="close"
-              id="cancel-update-organization-role"
-              aria-label="{{t 'common.actions.cancel'}}"
-              @triggerAction={{this.cancelUpdateRoleOfMember}}
-              @withBackground={{false}}
-              @color="dark-grey"
-            />
-          </div>
-        </td>
-      {{/if}}
-    </tr>
+          {{/unless}}
+
+          {{#if this.isEditionMode}}
+            <div class="organization-participant__align-element">
+              <PixButton
+                id="save-organization-role"
+                @triggerAction={{fn this.updateRoleOfMember @membership}}
+                @size="small"
+                aria-label={{t "pages.team-members.actions.save"}}
+              >
+                {{t "pages.team-members.actions.save"}}
+              </PixButton>
+              <PixIconButton
+                @iconName="close"
+                id="cancel-update-organization-role"
+                aria-label="{{t 'common.actions.cancel'}}"
+                @triggerAction={{this.cancelUpdateRoleOfMember}}
+                @withBackground={{false}}
+                @color="dark-grey"
+              />
+            </div>
+          {{/if}}
+        </:cell>
+      </PixTableColumn>
+    {{/if}}
 
     <RemoveMemberModal
       @firstName={{@membership.user.firstName}}
diff --git a/orga/app/components/team/members-list.gjs b/orga/app/components/team/members-list.gjs
index da5e05c6c3d..014dbec8bd1 100644
--- a/orga/app/components/team/members-list.gjs
+++ b/orga/app/components/team/members-list.gjs
@@ -1,14 +1,24 @@
 import PixPagination from '@1024pix/pix-ui/components/pix-pagination';
+import PixTable from '@1024pix/pix-ui/components/pix-table';
 import { service } from '@ember/service';
 import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
 import { t } from 'ember-intl';
 
-import TableHeader from '../table/header';
 import MembersListItem from './members-list-item';
 
 export default class MembersList extends Component {
   @service currentUser;
   @service intl;
+  @tracked members = [];
+
+  constructor() {
+    super(...arguments);
+
+    Promise.resolve(this.args.members).then((members) => {
+      this.members = members;
+    });
+  }
 
   get currentLocale() {
     return this.intl.primaryLocale;
@@ -23,42 +33,22 @@ export default class MembersList extends Component {
   }
 
   <template>
-    <div class="panel">
-      <div class="table content-text content-text--small">
-        <table>
-          <thead>
-            <tr>
-              <TableHeader @size="wide">{{t "pages.team-members.table.column.last-name"}}</TableHeader>
-              <TableHeader @size="wide">{{t "pages.team-members.table.column.first-name"}}</TableHeader>
-              <TableHeader @size="wide">{{t
-                  "pages.team-members.table.column.organization-membership-role"
-                }}</TableHeader>
-              {{#if this.displayManagingColumn}}
-                <TableHeader @size="medium" class="hide-on-mobile">
-                  <span>{{t "common.actions.global"}}</span>
-                </TableHeader>
-              {{/if}}
-            </tr>
-          </thead>
-          {{#if @members}}
-            <tbody>
-              {{#each @members as |membership|}}
-                <MembersListItem
-                  @membership={{membership}}
-                  @isMultipleAdminsAvailable={{this.isMultipleAdminsAvailable}}
-                  @onRemoveMember={{@onRemoveMember}}
-                  @onLeaveOrganization={{@onLeaveOrganization}}
-                />
-              {{/each}}
-            </tbody>
-          {{/if}}
-        </table>
-
-        {{#unless @members}}
-          <div class="table__empty content-text">{{t "pages.team-members.table.empty"}}</div>
-        {{/unless}}
-      </div>
-    </div>
+    <PixTable @variant="orga" @caption={{@caption}} @data={{@members}} class="table">
+      <:columns as |membership context|>
+        <MembersListItem
+          @membership={{membership}}
+          @context={{context}}
+          @displaManagingColumn={{this.displayManagingColumn}}
+          @isMultipleAdminsAvailable={{this.isMultipleAdminsAvailable}}
+          @onRemoveMember={{@onRemoveMember}}
+          @onLeaveOrganization={{@onLeaveOrganization}}
+        />
+      </:columns>
+    </PixTable>
+
+    {{#unless @members}}
+      <div class="table__empty content-text">{{t "pages.team-members.table.empty"}}</div>
+    {{/unless}}
 
     {{#if @members}}
       <PixPagination @pagination={{@members.meta}} @locale={{this.currentLocale}} />
diff --git a/orga/app/components/ui/is-certifiable.gjs b/orga/app/components/ui/is-certifiable.gjs
index 11cf7d6cb88..3052b2f730e 100644
--- a/orga/app/components/ui/is-certifiable.gjs
+++ b/orga/app/components/ui/is-certifiable.gjs
@@ -10,7 +10,7 @@ import { eq } from 'ember-truth-helpers';
       {{t "pages.sco-organization-participants.table.column.is-certifiable.eligible"}}
     </PixTag>
   {{else}}
-    <PixTag @color="yellow-light organization-participant-list-page__tag">
+    <PixTag @color="yellow-light organization-participant__tag">
       {{t "pages.sco-organization-participants.table.column.is-certifiable.non-eligible"}}
     </PixTag>
   {{/if}}
diff --git a/orga/app/controllers/authenticated/campaigns/campaign/activity.js b/orga/app/controllers/authenticated/campaigns/campaign/activity.js
index b8cffc9ed1e..fa385ae9d4c 100644
--- a/orga/app/controllers/authenticated/campaigns/campaign/activity.js
+++ b/orga/app/controllers/authenticated/campaigns/campaign/activity.js
@@ -23,12 +23,12 @@ export default class ActivityController extends Controller {
   }
 
   @action
-  goToParticipantPage(campaignId, participationId) {
-    if (this.model.campaign.isTypeAssessment) {
-      this.router.transitionTo('authenticated.campaigns.participant-assessment', campaignId, participationId);
-    } else {
-      this.router.transitionTo('authenticated.campaigns.participant-profile', campaignId, participationId);
-    }
+  goToParticipantPage(participant) {
+    const route = this.model.campaign.isTypeAssessment
+      ? 'authenticated.campaigns.participant-assessment'
+      : 'authenticated.campaigns.participant-profile';
+
+    this.router.transitionTo(route, this.model.campaign.id, participant.lastCampaignParticipationId);
   }
 
   @action
diff --git a/orga/app/controllers/authenticated/campaigns/campaign/assessment-results.js b/orga/app/controllers/authenticated/campaigns/campaign/assessment-results.js
index bd7398faba1..6b02938b796 100644
--- a/orga/app/controllers/authenticated/campaigns/campaign/assessment-results.js
+++ b/orga/app/controllers/authenticated/campaigns/campaign/assessment-results.js
@@ -21,10 +21,8 @@ export default class AssessmentResultsController extends Controller {
   }
 
   @action
-  goToAssessmentPage(campaignId, participantId, event) {
-    event.stopPropagation();
-    event.preventDefault();
-    this.router.transitionTo('authenticated.campaigns.participant-assessment', campaignId, participantId);
+  goToAssessmentPage(campaignId, participant) {
+    this.router.transitionTo('authenticated.campaigns.participant-assessment', campaignId, participant.id);
   }
 
   @action
diff --git a/orga/app/controllers/authenticated/campaigns/campaign/profile-results.js b/orga/app/controllers/authenticated/campaigns/campaign/profile-results.js
index ddd2ea4cf60..96d64ea9aed 100644
--- a/orga/app/controllers/authenticated/campaigns/campaign/profile-results.js
+++ b/orga/app/controllers/authenticated/campaigns/campaign/profile-results.js
@@ -12,10 +12,8 @@ export default class ProfilesController extends Controller {
   @tracked certificability = null;
 
   @action
-  goToProfilePage(campaignId, campaignParticipationId, event) {
-    event.stopPropagation();
-    event.preventDefault();
-    this.router.transitionTo('authenticated.campaigns.participant-profile', campaignId, campaignParticipationId);
+  goToProfilePage(campaignId, participation) {
+    this.router.transitionTo('authenticated.campaigns.participant-profile', campaignId, participation.id);
   }
 
   @action
diff --git a/orga/app/controllers/authenticated/campaigns/list/all-campaigns.js b/orga/app/controllers/authenticated/campaigns/list/all-campaigns.js
index e5fae36f8c1..3ee1ffde61b 100644
--- a/orga/app/controllers/authenticated/campaigns/list/all-campaigns.js
+++ b/orga/app/controllers/authenticated/campaigns/list/all-campaigns.js
@@ -28,9 +28,8 @@ export default class AuthenticatedCampaignsListAllCampaignsController extends Co
   }
 
   @action
-  goToCampaignPage(campaignId, event) {
-    event.preventDefault();
-    this.router.transitionTo('authenticated.campaigns.campaign', campaignId);
+  goToCampaignPage(campaign) {
+    this.router.transitionTo('authenticated.campaigns.campaign', campaign.id);
   }
 
   @action
diff --git a/orga/app/controllers/authenticated/campaigns/list/my-campaigns.js b/orga/app/controllers/authenticated/campaigns/list/my-campaigns.js
index 0329e3c8b52..23a04e2ac1a 100644
--- a/orga/app/controllers/authenticated/campaigns/list/my-campaigns.js
+++ b/orga/app/controllers/authenticated/campaigns/list/my-campaigns.js
@@ -26,9 +26,8 @@ export default class AuthenticatedCampaignsListMyCampaignsController extends Con
   }
 
   @action
-  goToCampaignPage(campaignId, event) {
-    event.preventDefault();
-    this.router.transitionTo('authenticated.campaigns.campaign', campaignId);
+  goToCampaignPage(campaign) {
+    this.router.transitionTo('authenticated.campaigns.campaign', campaign.id);
   }
 
   @action
diff --git a/orga/app/controllers/authenticated/missions/list.js b/orga/app/controllers/authenticated/missions/list.js
index cc9d0766af4..4ac32727d4b 100644
--- a/orga/app/controllers/authenticated/missions/list.js
+++ b/orga/app/controllers/authenticated/missions/list.js
@@ -8,8 +8,8 @@ export default class MissionList extends Controller {
   @service currentDomain;
 
   @action
-  goToMissionDetails(id) {
-    this.router.transitionTo('authenticated.missions.mission', id);
+  goToMissionDetails(mission) {
+    this.router.transitionTo('authenticated.missions.mission', mission.id);
   }
 
   get schoolCode() {
diff --git a/orga/app/controllers/authenticated/organization-participants/list.js b/orga/app/controllers/authenticated/organization-participants/list.js
index 87f7be19ee9..1ae444e6adc 100644
--- a/orga/app/controllers/authenticated/organization-participants/list.js
+++ b/orga/app/controllers/authenticated/organization-participants/list.js
@@ -47,24 +47,30 @@ export default class ListController extends Controller {
   }
 
   @action
-  sortByParticipationCount(value) {
-    this.participationCountOrder = value || null;
+  sortByParticipationCount() {
+    if (!this.participationCountOrder) this.participationCountOrder = 'asc';
+    else this.participationCountOrder = this.participationCountOrder === 'asc' ? 'desc' : 'asc';
+
     this.pageNumber = null;
     this.latestParticipationOrder = null;
     this.lastnameSort = null;
   }
 
   @action
-  sortByLatestParticipation(value) {
-    this.latestParticipationOrder = value || null;
+  sortByLatestParticipation() {
+    if (!this.latestParticipationOrder) this.latestParticipationOrder = 'asc';
+    else this.latestParticipationOrder = this.latestParticipationOrder === 'asc' ? 'desc' : 'asc';
+
     this.pageNumber = null;
     this.participationCountOrder = null;
     this.lastnameSort = null;
   }
 
   @action
-  sortByLastname(value) {
-    this.lastnameSort = value || null;
+  sortByLastname() {
+    if (!this.lastnameSort) this.lastnameSort = 'asc';
+    else this.lastnameSort = this.lastnameSort === 'asc' ? 'desc' : 'asc';
+
     this.pageNumber = null;
     this.participationCountOrder = null;
     this.latestParticipationOrder = null;
@@ -79,10 +85,9 @@ export default class ListController extends Controller {
   }
 
   @action
-  goToLearnerPage(learnerId, event) {
+  goToLearnerPage(learner) {
     if (this.hasOrganizationParticipantPage) {
-      event.preventDefault();
-      this.router.transitionTo('authenticated.organization-participants.organization-participant', learnerId);
+      this.router.transitionTo('authenticated.organization-participants.organization-participant', learner.id);
     }
   }
 
diff --git a/orga/app/styles/app.scss b/orga/app/styles/app.scss
index 0574d9e9124..d605d0bf51d 100644
--- a/orga/app/styles/app.scss
+++ b/orga/app/styles/app.scss
@@ -60,16 +60,13 @@
 @use 'pages/authenticated/campaigns/campaign' as *;
 @use 'pages/authenticated/campaigns/create-form' as *;
 @use 'pages/authenticated/campaigns/new-item' as *;
-@use 'pages/authenticated/campaigns/list' as *;
 @use 'pages/authenticated/campaigns/update' as *;
 @use 'pages/authenticated/campaigns/details/activity' as *;
 @use 'pages/authenticated/campaigns/details/analysis' as *;
-@use 'pages/authenticated/campaigns/details/assessment-results' as *;
 @use 'pages/authenticated/campaigns/details/profile-results' as *;
 @use 'pages/authenticated/campaigns/details/participants' as *;
 @use 'pages/authenticated/campaigns/details/participants/participant' as *;
 @use 'pages/authenticated/campaigns/details/participants/participant/header' as *;
-@use 'pages/authenticated/campaigns/details/participants/participant/results' as *;
 @use 'pages/authenticated/campaigns/participant-profile' as *;
 @use 'pages/authenticated/certifications' as *;
 @use 'pages/authenticated/mission' as *;
diff --git a/orga/app/styles/components/campaign/analysis/recommendations.scss b/orga/app/styles/components/campaign/analysis/recommendations.scss
index 0604037fef8..80503284544 100644
--- a/orga/app/styles/components/campaign/analysis/recommendations.scss
+++ b/orga/app/styles/components/campaign/analysis/recommendations.scss
@@ -2,22 +2,13 @@
 @use 'pix-design-tokens/fonts';
 
 .campaign-details-analysis {
-  color: var(--pix-neutral-900);
-  font-weight: normal;
-  letter-spacing: 0;
-
   &__header {
     @extend %pix-title-xs;
   }
 
   &__text {
-    margin: 2px 0 29px 0;
-    font-size: 0.875rem;
-    font-family: fonts.$font-roboto;
-    line-height: 1.375rem;
-  }
-}
+    @extend %pix-body-s;
 
-.campaign-details-analysis-section {
-  padding: 0;
+    margin-bottom: var(--pix-spacing-4x);
+  }
 }
diff --git a/orga/app/styles/components/campaign/analysis/tube-recommendation-row.scss b/orga/app/styles/components/campaign/analysis/tube-recommendation-row.scss
index 00df1b017b2..4d3c361c17a 100644
--- a/orga/app/styles/components/campaign/analysis/tube-recommendation-row.scss
+++ b/orga/app/styles/components/campaign/analysis/tube-recommendation-row.scss
@@ -6,21 +6,13 @@
 
   color: var(--pix-neutral-800);
   font-size:0.875rem;
-
-  &--open {
-    margin-left: var(--pix-spacing-4x);
-  }
 }
 
 .tube-recommendation-subtitle {
   @extend %pix-body-s;
 
-  color: var(--pix-neutral-20)0;
+  color: var(--pix-neutral-500);
   font-weight: 400;
-
-  &--open {
-    color: var(--pix-neutral-500);
-  }
 }
 
 .tube-recommendation-tutorial {
@@ -36,7 +28,7 @@
   &__description {
     @extend %pix-title-s;
 
-    margin-bottom: var(--pix-spacing-4x);
+    margin-bottom: var(--pix-spacing-4x) 0;
     color: var(--pix-neutral-500);
     font-size:0.875rem;
   }
@@ -51,34 +43,8 @@
     @extend %pix-title-xs;
 
     margin-bottom: var(--pix-spacing-4x);
-    padding-left: var(--pix-spacing-6x);
     font-weight: 500;
   }
-}
-
-.tube-recommendation-tutorial-wrapper {
-  max-height: 0;
-  overflow: hidden;
-  transition: max-height 0s ease;
-
-  &--open {
-    height: auto;
-    max-height: 1000px;
-    transition: max-height 1s ease-out;
-  }
-}
-
-.tube-recommendation-tutorial-table {
-  margin-bottom: var(--pix-spacing-2x);
-  margin-left: var(--pix-spacing-6x);
-
-  &__row {
-    padding-left: 0;
-
-    a {
-      font-weight: 500;
-    }
-  }
 
   &__details {
     color: var(--pix-neutral-800);
diff --git a/orga/app/styles/components/campaign/index.scss b/orga/app/styles/components/campaign/index.scss
index 56a2c0947df..80654fa459e 100644
--- a/orga/app/styles/components/campaign/index.scss
+++ b/orga/app/styles/components/campaign/index.scss
@@ -19,10 +19,14 @@
 @use 'empty-state';
 @use 'list-header';
 @use 'filters';
-@use 'list';
 @use 'no-campaign-panel';
 @use 'settings/campaign-settings';
 @use 'stage-average';
 @use 'target-profile-details';
 @use 'detail';
 @use 'cards';
+
+.badge--unacquired {
+  opacity: .8;
+  filter: grayscale(1);
+}
diff --git a/orga/app/styles/components/campaign/list.scss b/orga/app/styles/components/campaign/list.scss
deleted file mode 100644
index 6231be5aecf..00000000000
--- a/orga/app/styles/components/campaign/list.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-@use 'pix-design-tokens/shadows';
-
-.campaign-list {
-  padding: 0;
-
-  &__campaign-link-cell {
-    display: flex;
-    gap: var(--pix-spacing-2x);
-    align-items: center;
-    word-break: break-all;
-  }
-
-  &__item {
-    margin-bottom: 18px;
-  }
-
-  &__table-header-background {
-    @extend %pix-shadow-xs;
-
-    background: var(--pix-neutral-20);
-  }
-}
diff --git a/orga/app/styles/components/certificability/tooltip.scss b/orga/app/styles/components/certificability/tooltip.scss
index 1b32e91f0c9..da5759ea561 100644
--- a/orga/app/styles/components/certificability/tooltip.scss
+++ b/orga/app/styles/components/certificability/tooltip.scss
@@ -3,7 +3,6 @@
 .certificability-tooltip {
   margin-top: auto;
   margin-bottom: auto;
-  padding-left: 6px;
   fill: var(--pix-neutral-500);
 
   [role='tooltip'] {
diff --git a/orga/app/styles/globals/competences.scss b/orga/app/styles/globals/competences.scss
index 30726d1082c..030beae9aa0 100644
--- a/orga/app/styles/globals/competences.scss
+++ b/orga/app/styles/globals/competences.scss
@@ -1,9 +1,5 @@
 @use 'pix-design-tokens/typography';
 
-.competences-col-name-wrapper {
-  display: flex;
-}
-
 .competences-col {
   &__name {
     @extend %pix-title-xs;
@@ -20,63 +16,40 @@
   }
 
   &__border {
+    display: flex;
+    flex-direction: column;
+    gap: var(--pix-spacing-2x);
     margin-right: 1rem;
-    padding: 0.5rem 0;
+    padding: 0.5rem 1rem;
     border-style: solid;
-    border-width: 1.5px;
-    border-radius: 1.5px;
+    border-width: 2px;
+    border-top: transparent;
+    border-right: transparent;
+    border-bottom: transparent;
+    border-radius: 2px;
 
     &--jaffa {
-      background: var(--pix-information-light);
       border-color: var(--pix-information-light);
     }
 
     &--emerald {
-      background: var(--pix-content-light);
       border-color: var(--pix-content-light);
     }
 
     &--cerulean {
-      background: var(--pix-communication-light);
       border-color: var(--pix-communication-light);
     }
 
     &--wild-strawberry {
-      background: var(--pix-security-light);
       border-color: var(--pix-security-light);
     }
 
     &--butterfly-bush {
-      background: var(--pix-environment-light);
       border-color: var(--pix-environment-light);
     }
 
-    &--bottom {
-      position: absolute;
-      top: 0;
-      left: 1rem;
-      display: none;
-      box-sizing: border-box;
-      height: calc(100% - 0.5rem);
-      border-top-left-radius: 0;
-      border-top-right-radius: 0;
-    }
-
-    &--top {
-      position: absolute;
-      left: 1rem;
-      box-sizing: border-box;
-      height: calc(100% - 0.5rem);
-      border-bottom-right-radius: 0;
-      border-bottom-left-radius: 0;
-    }
-
     &--open {
       display: block;
     }
   }
 }
-
-.competences-section {
-  padding: 0;
-}
diff --git a/orga/app/styles/globals/tables.scss b/orga/app/styles/globals/tables.scss
index 0e5686bb600..fdb5bc8c8f5 100644
--- a/orga/app/styles/globals/tables.scss
+++ b/orga/app/styles/globals/tables.scss
@@ -1,205 +1,21 @@
-@use 'pix-design-tokens/fonts';
+.table {
+  margin-bottom: var(--pix-spacing-4x);
+  overflow: unset;
 
-table {
-  box-sizing: border-box;
-  width: 100%;
-  table-layout: fixed;
-  border-collapse: collapse;
-  border-spacing: 0;
-
-  .table__input {
-    &:focus-within {
-      border: 1px solid var(--pix-primary-500);
-    }
-  }
-
-  .table__multi-select {
-    > label {
-      > input[type='text']::placeholder {
-        color: var(--pix-neutral-100);
-      }
-    }
-  }
-}
-
-thead {
-  width: 100%;
-  color: var(--pix-neutral-900);
-
-  th {
-    font-weight: 500;
-    font-size: 0.875rem;
-    font-family: fonts.$font-roboto;
-  }
-}
-
-caption {
-  padding: 1rem 24px;
-  font-weight: bold;
-  font-size: 0.9rem;
-  text-align: center;
-}
-
-tbody {
-  color: var(--pix-neutral-500);
-
-  tr {
-    &:focus-within,
-    &:hover {
-      background-color: var(--pix-neutral-20);
-    }
-  }
-
-  tr.tr--clickable {
-    cursor: pointer;
-
-    &:hover,
-    &:focus,
-    &:active {
-      color: var(--pix-neutral-900);
-      background-color: var(--pix-neutral-20);
-      transition: 0.25s ease;
-    }
-  }
-
-  th.th--clickable {
-    background-color: var(--pix-neutral-0);
-
-    &:hover {
-      background-color: var(--pix-neutral-20);
-    }
-  }
-
-  td {
-    position: relative;
-    color: var(--pix-neutral-800);
-    font-weight: 400;
-    font-size: 0.875rem;
-    font-family: fonts.$font-roboto;
-
-    &.ellipsis {
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-
-    > a {
-      color: var(--pix-neutral-800);
-      text-decoration: none;
-
-      &:hover,
-      &:focus,
-      &:active {
-        color: var(--pix-neutral-800);
-      }
-    }
-  }
-}
-
-tr {
-  width: 100%;
-  height: 60px;
-  border-top: 1px solid var(--pix-neutral-20);
-}
-
-td,
-th {
-  padding-left: 24px;
-  text-align: left;
-}
-
-th::first-letter {
-  text-transform: capitalize;
-}
-
-.table__column {
-  width: 16%;
-
-  col {
-    min-width: 100px;
-  }
-
-  &--last-col {
-    padding-left: 0px;
-  }
-
-  &--center {
-    text-align: center;
-  }
-
-  &--x-small {
-    width: 3%;
-  }
-
-  &--small {
-    width: 6%;
-    max-width: 150px;
-  }
-
-  &--break-word {
+  &__link-cell {
+    display: flex;
+    gap: var(--pix-spacing-2x);
+    align-items: center;
     word-break: break-all;
   }
 
-  &--medium {
-    width: 15%;
-  }
-
-  &--wide {
-    width: 25%;
-  }
-
-  &--x-wide {
-    width: 50%;
-  }
-
-  &--right {
-    padding-right: 24px;
-    text-align: right;
-  }
-
-  &--truncated {
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-
-  &--sort {
+  &__empty {
     display: flex;
     align-items: center;
     justify-content: center;
-
-    .pix-icon-button {
-      margin-left: 8px;
-    }
-
-    &-no-center {
-      justify-content: start;
-    }
-  }
-
-  &--highlight {
-    color: var(--pix-neutral-800);
-  }
-}
-
-@media (max-width: 768px) {
-  .table {
-    width: 100%;
-    overflow-x: auto;
-  }
-}
-
-.table__row {
-  &--small {
-    height: 40px;
+    height: 180px;
+    margin: 0;
+    text-align: center;
+    border-top: 1px solid var(--pix-neutral-20);
   }
 }
-
-.table__empty {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 180px;
-  margin: 0;
-  text-align: center;
-  border-top: 1px solid var(--pix-neutral-20);
-}
diff --git a/orga/app/styles/pages/authenticated/campaigns/details/activity.scss b/orga/app/styles/pages/authenticated/campaigns/details/activity.scss
index 483b4ddd1e6..27c1f67eae2 100644
--- a/orga/app/styles/pages/authenticated/campaigns/details/activity.scss
+++ b/orga/app/styles/pages/authenticated/campaigns/details/activity.scss
@@ -6,15 +6,10 @@
   padding: 0;
 }
 
-.activity__participants-list {
-  margin-bottom: 24px;
-  padding: 0;
+.warning-text {
+  @extend %pix-body-s;
 
-  .warning-text {
-    @extend %pix-body-s;
-
-    font-weight: fonts.$font-medium;
-  }
+  font-weight: fonts.$font-medium;
 }
 
 @media (max-width: 768px) {
diff --git a/orga/app/styles/pages/authenticated/campaigns/details/assessment-results.scss b/orga/app/styles/pages/authenticated/campaigns/details/assessment-results.scss
deleted file mode 100644
index d8011d1c3cf..00000000000
--- a/orga/app/styles/pages/authenticated/campaigns/details/assessment-results.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-.assessment-results {
-  &__list {
-    padding: 0;
-
-    .badge--unacquired {
-      opacity: .8;
-      filter: grayscale(1);
-    }
-  }
-}
diff --git a/orga/app/styles/pages/authenticated/campaigns/details/participants/participant/results.scss b/orga/app/styles/pages/authenticated/campaigns/details/participants/participant/results.scss
deleted file mode 100644
index 3930cc81c95..00000000000
--- a/orga/app/styles/pages/authenticated/campaigns/details/participants/participant/results.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-.participant-results {
-  width: 100%;
-
-  &__details {
-    padding: 0;
-  }
-}
diff --git a/orga/app/styles/pages/authenticated/campaigns/list.scss b/orga/app/styles/pages/authenticated/campaigns/list.scss
deleted file mode 100644
index 6a67d36b065..00000000000
--- a/orga/app/styles/pages/authenticated/campaigns/list.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-.list-campaigns-page {
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-  width: 100%;
-}
diff --git a/orga/app/styles/pages/authenticated/campaigns/participant-profile.scss b/orga/app/styles/pages/authenticated/campaigns/participant-profile.scss
index 82cf2ddf0ba..1087381e1b1 100644
--- a/orga/app/styles/pages/authenticated/campaigns/participant-profile.scss
+++ b/orga/app/styles/pages/authenticated/campaigns/participant-profile.scss
@@ -10,8 +10,3 @@
   }
 }
 
-.profile-competences {
-  margin-bottom: 24px;
-  padding: 0;
-}
-
diff --git a/orga/app/styles/pages/authenticated/organization-participants/list.scss b/orga/app/styles/pages/authenticated/organization-participants/list.scss
index 0d140e574b0..1f45eec5c66 100644
--- a/orga/app/styles/pages/authenticated/organization-participants/list.scss
+++ b/orga/app/styles/pages/authenticated/organization-participants/list.scss
@@ -2,42 +2,21 @@
 
 $margin-right: 32px;
 
-.organization-participant-list-page {
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-  width: 100%;
-
+.organization-participant {
   &__last-participation {
     display: flex;
     gap: var(--pix-spacing-2x);
     justify-content: center;
   }
 
-  &__certificability-header {
-    display: flex;
+  &__align-element {
+    display: inline-flex;
+    gap:var(--pix-spacing-2x);
     justify-content: center;
-  }
-
-  &__header-with-tooltip {
-    display: flex;
-
-    .pix-tooltip {
-      margin-left: 5px;
 
-      &__trigger-element {
-        display: flex;
-      }
-    }
-  }
-
-  &__actions-header {
-    width: 10%;
-
-    @include breakpoints.device-is('tablet') {
-      padding-right: 12px;
-      padding-left: 0;
-      text-align: right;
+    &--column {
+      flex-direction:column;
+      align-items: center;
     }
   }
 
diff --git a/orga/app/templates/authenticated/campaigns/campaign/activity.hbs b/orga/app/templates/authenticated/campaigns/campaign/activity.hbs
index 39a35c6b992..15dd8823e5f 100644
--- a/orga/app/templates/authenticated/campaigns/campaign/activity.hbs
+++ b/orga/app/templates/authenticated/campaigns/campaign/activity.hbs
@@ -23,7 +23,6 @@
     @onResetFilter={{this.resetFiltering}}
     @deleteCampaignParticipation={{this.deleteCampaignParticipation}}
     @showParticipationCount={{@model.campaign.multipleSendings}}
-    class="activity__participants-list"
   />
 {{else}}
   {{#if this.isGarAuthenticationMethod}}
diff --git a/orga/app/templates/authenticated/campaigns/campaign/assessment-results.hbs b/orga/app/templates/authenticated/campaigns/campaign/assessment-results.hbs
index 160d92ed790..2561cf610d2 100644
--- a/orga/app/templates/authenticated/campaigns/campaign/assessment-results.hbs
+++ b/orga/app/templates/authenticated/campaigns/campaign/assessment-results.hbs
@@ -26,7 +26,6 @@
     @onClickParticipant={{this.goToAssessmentPage}}
     @onFilter={{this.triggerFiltering}}
     @onResetFilter={{this.resetFiltering}}
-    class="assessment-results__list"
   />
 {{else}}
   {{#if this.isGarAuthenticationMethod}}
diff --git a/orga/app/templates/authenticated/missions/list.hbs b/orga/app/templates/authenticated/missions/list.hbs
index 9eba77c0346..0db3f988736 100644
--- a/orga/app/templates/authenticated/missions/list.hbs
+++ b/orga/app/templates/authenticated/missions/list.hbs
@@ -67,48 +67,44 @@
 </Ui::PageTitle>
 
 {{#if @model.missions}}
-  <div class="panel">
+  <PixTable
+    @variant="orga"
+    @data={{@model.missions}}
+    @caption={{t "pages.missions.list.caption"}}
+    @onRowClick={{this.goToMissionDetails}}
+  >
+    <:columns as |mission context|>
+      <PixTableColumn @context={{context}}>
+        <:header>{{t "pages.missions.list.headers.name"}}</:header>
+        <:cell>{{mission.name}}</:cell>
+      </PixTableColumn>
 
-    <table class="table content-text content-text--small mission-list__table">
-      <caption class="screen-reader-only">{{t "pages.missions.list.caption"}}</caption>
-      <thead>
-        <tr>
-          <Table::Header scope="col">{{t "pages.missions.list.headers.name"}}</Table::Header>
-          <Table::Header scope="col">{{t "pages.missions.list.headers.competences"}}</Table::Header>
-          <Table::Header scope="col">{{t "pages.missions.list.headers.started-by"}}</Table::Header>
-          <Table::Header scope="col" @align="center">{{t "pages.missions.list.headers.actions"}}</Table::Header>
-        </tr>
-      </thead>
-      <tbody>
-        {{#each @model.missions as |mission|}}
-          <tr
-            aria-label={{t "pages.missions.list.aria-label"}}
-            class="tr--clickable"
-            {{on "click" (fn this.goToMissionDetails mission.id)}}
-          >
-            <td>
-              {{mission.name}}
-            </td>
-            <td>
-              {{mission.competenceName}}
-            </td>
-            <td>
-              {{#if (eq mission.startedBy "")}}
-                {{t "pages.missions.list.no-division"}}
-              {{else}}
-                {{mission.startedBy}}
-              {{/if}}
-            </td>
-            <td>
-              <PixButtonLink @route="authenticated.missions.mission" @model={{mission.id}} @variant="tertiary">
-                {{t "pages.missions.list.actions.see-mission-details"}}
-              </PixButtonLink>
-            </td>
-          </tr>
-        {{/each}}
-      </tbody>
-    </table>
-  </div>
+      <PixTableColumn @context={{context}}>
+        <:header>{{t "pages.missions.list.headers.competences"}}</:header>
+        <:cell>{{mission.competenceName}}</:cell>
+      </PixTableColumn>
+
+      <PixTableColumn @context={{context}}>
+        <:header>{{t "pages.missions.list.headers.started-by"}}</:header>
+        <:cell>
+          {{#if (eq mission.startedBy "")}}
+            {{t "pages.missions.list.no-division"}}
+          {{else}}
+            {{mission.startedBy}}
+          {{/if}}
+        </:cell>
+      </PixTableColumn>
+
+      <PixTableColumn @context={{context}}>
+        <:header>{{t "pages.missions.list.headers.actions"}}</:header>
+        <:cell>
+          <PixButtonLink @route="authenticated.missions.mission" @model={{mission.id}} @variant="tertiary">
+            {{t "pages.missions.list.actions.see-mission-details"}}
+          </PixButtonLink>
+        </:cell>
+      </PixTableColumn>
+    </:columns>
+  </PixTable>
 
 {{else}}
   <div class="table__empty content-text">
diff --git a/orga/tests/integration/components/organization-participant/table-row_test.gjs b/orga/tests/integration/components/organization-participant/table-row_test.gjs
deleted file mode 100644
index 2d62e457550..00000000000
--- a/orga/tests/integration/components/organization-participant/table-row_test.gjs
+++ /dev/null
@@ -1,313 +0,0 @@
-import { render } from '@1024pix/ember-testing-library';
-import Service from '@ember/service';
-import { t } from 'ember-intl/test-support';
-import TableRow from 'pix-orga/components/organization-participant/table-row';
-import { module, test } from 'qunit';
-import sinon from 'sinon';
-
-import setupIntlRenderingTest from '../../../helpers/setup-intl-rendering';
-
-module('Integration | Component | OrganizationParticipant | TableRow', function (hooks) {
-  setupIntlRenderingTest(hooks);
-  hooks.beforeEach(function () {
-    class CurrentUserStub extends Service {
-      prescriber = { missionsManagement: true };
-    }
-    this.owner.register('service:current-user', CurrentUserStub);
-  });
-
-  module('common cases', function () {
-    test('should display common column', async function (assert) {
-      const noop = sinon.stub();
-      const participant = {
-        firstName: 'Jean',
-        lastName: 'Bon',
-        participationCount: 1,
-      };
-
-      // when
-      const screen = await render(
-        <template>
-          <TableRow
-            @showCheckbox={{noop}}
-            @participant={{participant}}
-            @isParticipantSelected={{noop}}
-            @openAuthenticationMethodModal={{noop}}
-            @onToggleParticipant={{noop}}
-            @onClickLearner={{noop}}
-            @hideCertifiableDate={{true}}
-          />
-        </template>,
-      );
-
-      // then
-      assert.ok(screen.queryByText('Jean'));
-      assert.ok(screen.queryByText('Bon'));
-      assert.ok(screen.queryByText(1));
-    });
-
-    test('should have a link on participant lastname to redirect on his page if hasOrganizationParticipantPage', async function (assert) {
-      const noop = sinon.stub();
-      const participant = {
-        id: 777,
-        firstName: 'Jean',
-        lastName: 'Bon',
-        participationCount: 1,
-      };
-
-      // when
-      const screen = await render(
-        <template>
-          <TableRow
-            @showCheckbox={{noop}}
-            @participant={{participant}}
-            @isParticipantSelected={{noop}}
-            @openAuthenticationMethodModal={{noop}}
-            @onToggleParticipant={{noop}}
-            @onClickLearner={{noop}}
-            @hideCertifiableDate={{true}}
-            @hasOrganizationParticipantPage={{true}}
-          />
-        </template>,
-      );
-
-      // then
-      assert.dom(screen.getByRole('link', { name: 'Bon' })).hasAttribute('href', '/participants/777');
-    });
-    test('should not have a link on participant lastname if not hasOrganizationParticipantPage', async function (assert) {
-      const noop = sinon.stub();
-      const participant = {
-        id: 777,
-        firstName: 'Jean',
-        lastName: 'Bon',
-        participationCount: 1,
-      };
-
-      // when
-      const screen = await render(
-        <template>
-          <TableRow
-            @showCheckbox={{noop}}
-            @participant={{participant}}
-            @isParticipantSelected={{noop}}
-            @openAuthenticationMethodModal={{noop}}
-            @onToggleParticipant={{noop}}
-            @onClickLearner={{noop}}
-            @hideCertifiableDate={{true}}
-            @hasOrganizationParticipantPage={{false}}
-          />
-        </template>,
-      );
-
-      // then
-      assert.dom(screen.queryByRole('link', { name: 'Bon' })).doesNotExist();
-      assert.dom(screen.queryByRole('cell', { name: 'Bon' })).exists();
-    });
-  });
-
-  module('selection cases', function () {
-    test('hide checkbox when selection is disabled', async function (assert) {
-      const noop = sinon.stub();
-      const participant = {
-        firstName: 'Jean',
-        lastName: 'Bon',
-        participationCount: 1,
-      };
-
-      // when
-      const screen = await render(
-        <template>
-          <TableRow
-            @showCheckbox={{false}}
-            @participant={{participant}}
-            @isParticipantSelected={{noop}}
-            @openAuthenticationMethodModal={{noop}}
-            @onToggleParticipant={{noop}}
-            @onClickLearner={{noop}}
-            @hideCertifiableDate={{true}}
-          />
-        </template>,
-      );
-
-      // then
-      assert.notOk(
-        screen.queryByRole('checkbox', {
-          name: t('pages.organization-participants.table.column.checkbox', {
-            firstname: participant.firstName,
-            lastname: participant.lastName,
-          }),
-        }),
-      );
-    });
-
-    test('show checkbox when selection is enabled', async function (assert) {
-      const noop = sinon.stub();
-      const participant = {
-        firstName: 'Jean',
-        lastName: 'Bon',
-        participationCount: 1,
-      };
-
-      // when
-      const screen = await render(
-        <template>
-          <TableRow
-            @showCheckbox={{true}}
-            @participant={{participant}}
-            @isParticipantSelected={{noop}}
-            @openAuthenticationMethodModal={{noop}}
-            @onToggleParticipant={{noop}}
-            @onClickLearner={{noop}}
-            @hideCertifiableDate={{true}}
-          />
-        </template>,
-      );
-
-      // then
-      assert.ok(
-        screen.getByRole('checkbox', {
-          name: t('pages.organization-participants.table.column.checkbox', {
-            firstname: participant.firstName,
-            lastname: participant.lastName,
-          }),
-        }),
-      );
-    });
-  });
-
-  module('certificability cases', function () {
-    module('when hideCertifiableDate is true', function () {
-      test('it should not display certifiableAt date', async function (assert) {
-        // given
-        const certifiableDate = '10/10/2023';
-        const noop = sinon.stub();
-        const participant = {
-          firstName: 'Jean',
-          lastName: 'Bon',
-          participationCount: 1,
-          isCertifiable: true,
-          certifiableAt: new Date(certifiableDate),
-        };
-
-        const hideCertifiableDate = true;
-
-        // when
-        const screen = await render(
-          <template>
-            <TableRow
-              @showCheckbox={{noop}}
-              @participant={{participant}}
-              @isParticipantSelected={{noop}}
-              @openAuthenticationMethodModal={{noop}}
-              @onToggleParticipant={{noop}}
-              @onClickLearner={{noop}}
-              @hideCertifiableDate={{hideCertifiableDate}}
-            />
-          </template>,
-        );
-
-        // then
-        assert.notOk(screen.queryByText(certifiableDate));
-      });
-    });
-
-    module('when hideCertifiableDate is false', function () {
-      test('it display certifiableAt date', async function (assert) {
-        // given
-        const certifiableDate = '10/10/2023';
-        const noop = sinon.stub();
-        const participant = {
-          firstName: 'Jean',
-          lastName: 'Bon',
-          participationCount: 1,
-          isCertifiable: true,
-          certifiableAt: new Date(certifiableDate),
-        };
-        const hideCertifiableDate = false;
-
-        // when
-        const screen = await render(
-          <template>
-            <TableRow
-              @showCheckbox={{noop}}
-              @participant={{participant}}
-              @isParticipantSelected={{noop}}
-              @openAuthenticationMethodModal={{noop}}
-              @onToggleParticipant={{noop}}
-              @onClickLearner={{noop}}
-              @hideCertifiableDate={{hideCertifiableDate}}
-            />
-          </template>,
-        );
-
-        // then
-        assert.ok(screen.getByText(certifiableDate));
-      });
-    });
-  });
-
-  module('extra columns cases', function () {
-    test('should not display extra column when not defined', async function (assert) {
-      const noop = sinon.stub();
-      const participant = {
-        firstName: 'Jean',
-        lastName: 'Bon',
-        participationCount: 1,
-        extraColumns: {
-          'awesome.key': 'awesome value',
-        },
-      };
-
-      // when
-      const screen = await render(
-        <template>
-          <TableRow
-            @showCheckbox={{noop}}
-            @participant={{participant}}
-            @isParticipantSelected={{noop}}
-            @openAuthenticationMethodModal={{noop}}
-            @onToggleParticipant={{noop}}
-            @customRows={{null}}
-            @onClickLearner={{noop}}
-            @hideCertifiableDate={{true}}
-          />
-        </template>,
-      );
-
-      // then
-      assert.notOk(screen.queryByText('awesome'));
-    });
-
-    test('should display extra column when defined', async function (assert) {
-      const noop = sinon.stub();
-      const customRows = ['awesome.key'];
-      const participant = {
-        firstName: 'Jean',
-        lastName: 'Bon',
-        participationCount: 1,
-        extraColumns: {
-          'awesome.key': 'awesome value',
-        },
-      };
-
-      // when
-      const screen = await render(
-        <template>
-          <TableRow
-            @showCheckbox={{noop}}
-            @participant={{participant}}
-            @isParticipantSelected={{noop}}
-            @openAuthenticationMethodModal={{noop}}
-            @onToggleParticipant={{noop}}
-            @customRows={{customRows}}
-            @onClickLearner={{noop}}
-            @hideCertifiableDate={{true}}
-          />
-        </template>,
-      );
-
-      // then
-      assert.ok(screen.queryByText('awesome value'));
-    });
-  });
-});
diff --git a/orga/tests/unit/controllers/authenticated/campaigns/list/all-campaigns-test.js b/orga/tests/unit/controllers/authenticated/campaigns/list/all-campaigns-test.js
index 1c6216aff9b..162bca828cc 100644
--- a/orga/tests/unit/controllers/authenticated/campaigns/list/all-campaigns-test.js
+++ b/orga/tests/unit/controllers/authenticated/campaigns/list/all-campaigns-test.js
@@ -7,11 +7,6 @@ module('Unit | Controller | authenticated/campaigns/list/all-campaigns', functio
   setupIntlRenderingTest(hooks);
   let controller;
 
-  const event = {
-    preventDefault: sinon.stub(),
-    stopPropagation: sinon.stub(),
-  };
-
   hooks.beforeEach(function () {
     controller = this.owner.lookup('controller:authenticated/campaigns/list/all-campaigns');
   });
@@ -22,10 +17,9 @@ module('Unit | Controller | authenticated/campaigns/list/all-campaigns', functio
       controller.router = { transitionTo: sinon.stub() };
 
       // when
-      controller.send('goToCampaignPage', 123, event);
+      controller.send('goToCampaignPage', { id: 123 });
 
       // then
-      assert.true(event.preventDefault.called);
       assert.true(controller.router.transitionTo.calledWith('authenticated.campaigns.campaign', 123));
     });
   });
diff --git a/orga/tests/unit/controllers/authenticated/campaigns/list/my-campaigns-test.js b/orga/tests/unit/controllers/authenticated/campaigns/list/my-campaigns-test.js
index a3491fdad0e..20e35b80060 100644
--- a/orga/tests/unit/controllers/authenticated/campaigns/list/my-campaigns-test.js
+++ b/orga/tests/unit/controllers/authenticated/campaigns/list/my-campaigns-test.js
@@ -1,4 +1,5 @@
 import { module, test } from 'qunit';
+import sinon from 'sinon';
 
 import setupIntlRenderingTest from '../../../../../helpers/setup-intl-rendering';
 
@@ -52,5 +53,18 @@ module('Unit | Controller | authenticated/campaigns/list/all-campaigns', functio
         assert.strictEqual(controller.someField, undefined);
       });
     });
+
+    module('#action goToCampaignPage', function () {
+      test('it should call transitionTo with appropriate arguments', function (assert) {
+        // given
+        controller.router = { transitionTo: sinon.stub() };
+
+        // when
+        controller.send('goToCampaignPage', { id: 123 });
+
+        // then
+        assert.true(controller.router.transitionTo.calledWith('authenticated.campaigns.campaign', 123));
+      });
+    });
   });
 });