diff --git a/example/src/components/Table/Table.jsx b/example/src/components/Table/Table.jsx
index 2bec4e6f..af0293ea 100644
--- a/example/src/components/Table/Table.jsx
+++ b/example/src/components/Table/Table.jsx
@@ -87,7 +87,12 @@ const data = [
 
 const columns = [
   // eslint-disable-next-line react/prop-types
-  { name: 'level', label: 'Niveau', render: ({ level }) => `Niveau ${level}` },
+  {
+    name: 'level',
+    label: 'Niveau',
+    cellClassRender: ({ level }) => (level === 1 ? 'fr-notice fr-notice--info' : null),
+    render: ({ level }) => `Niveau ${level}`,
+  },
   {
     name: 'name_fr',
     headerRender: () => (
@@ -102,7 +107,9 @@ const columns = [
     ),
     sortable: true,
   },
-  { name: 'name_en', label: 'Anglais', sortable: true },
+  {
+    name: 'name_en', label: 'Anglais', sortable: true,
+  },
 ];
 
 const TableExample = () => {
@@ -133,7 +140,7 @@ const TableExample = () => {
           columns={columns}
           pagination
           paginationPosition="center"
-          perPage={3}
+          perPage={5}
         />
       </Row>
     </Col>
diff --git a/src/components/interface/Table/Table.js b/src/components/interface/Table/Table.js
index 0ad17063..8b0e00fc 100644
--- a/src/components/interface/Table/Table.js
+++ b/src/components/interface/Table/Table.js
@@ -136,7 +136,10 @@ const Table = ({
             .map((row) => (
               <tr key={getRowKey(row)}>
                 {columns.map((column) => (
-                  <td key={column.name}>
+                  <td
+                    key={column.name}
+                    className={column.cellClassRender && column.cellClassRender(row)}
+                  >
                     {column.render ? column.render(row) : row[column.name]}
                   </td>
                 ))}