diff --git a/src/components/DataTable/SWRDataTable/index.tsx b/src/components/DataTable/SWRDataTable/index.tsx
index e7a1465..59dce86 100644
--- a/src/components/DataTable/SWRDataTable/index.tsx
+++ b/src/components/DataTable/SWRDataTable/index.tsx
@@ -52,7 +52,10 @@ export const formatParamsToDataTable = (params, searchKey) => {
 export const renderDataTableCell = ({ filters, column, row, selectedRows }) => {
   const value = row.getValue(column.columnDef.accessorKey);
 
-  switch (column.columnDef.type) {
+  const displayAs =
+    column.columnDef.field_options?.display_type || column.columnDef.type;
+
+  switch (displayAs) {
     case "text":
       return <div className="max-w-[400px] truncate">{value}</div>;
     case "boolean":