next-helios-fe 1.6.1 → 1.6.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-helios-fe",
-  "version": "1.6.1",
+  "version": "1.6.2",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/table/index.tsx

@@ -573,7 +573,7 @@ export const Table: TableComponentProps = ({
         </div>
       )}
       <div
-        className={`overflow-auto ${height} ${
+        className={`flex flex-col overflow-auto ${height} ${
           options?.border && "border rounded-md"
         }`}
       >
@@ -657,8 +657,15 @@ export const Table: TableComponentProps = ({
               )}
             </tr>
           </thead>
-          <tbody className="divide-y">{dataArr}</tbody>
+          <tbody className="divide-y">
+            {filteredData.length === 0 ? "" : dataArr}
+          </tbody>
         </table>
+        {filteredData.length === 0 && (
+          <div className="flex justify-center items-center px-4 py-1.5 h-full bg-secondary-bg text-center whitespace-nowrap">
+            <span>No data found</span>
+          </div>
+        )}
       </div>
       {options?.toolbar?.pagination?.show !== false && (
         <div className="flex justify-between items-end gap-2 w-full h-fit">
@@ -699,13 +706,17 @@ export const Table: TableComponentProps = ({
               }}
             />
           </div>
-          <span className="hidden md:block text-sm text-slate-400">{`Showing ${
-            (page - 1) * maxRow + 1
-          } to ${
-            page * maxRow > filteredData?.length
-              ? filteredData?.length
-              : page * maxRow
-          } of ${filteredData?.length} entries`}</span>
+          {filteredData.length === 0 ? (
+            ""
+          ) : (
+            <span className="hidden md:block text-sm text-slate-400">{`Showing ${
+              (page - 1) * maxRow + 1
+            } to ${
+              page * maxRow > filteredData?.length
+                ? filteredData?.length
+                : page * maxRow
+            } of ${filteredData?.length} entries`}</span>
+          )}
           <div className="flex items-center gap-2 text-xs">
             <button
               type="button"