@farmzone/fz-react-ui 1.0.22 → 1.0.23

package/dist/index.cjs

@@ -4183,18 +4183,22 @@ function TableHeader(props) {
       idx > 0 && /* @__PURE__ */ jsxRuntime.jsx("wbr", {}),
       /* @__PURE__ */ jsxRuntime.jsx("span", { style: { whiteSpace: "nowrap" }, children: part })
     ] }, idx)) : column.title;
-    const paddingClass = hasSortIcon ? column.align === "center" ? "pl-1" : "pl-3" : "px-3";
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center w-full", children: [
-      hasSortIcon && column.align === "center" && !column.isWrap && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-5 shrink-0" }),
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex items-center w-full", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
-          className: `flex-1 min-w-0 ${paddingClass} ${textAlignClass} ${baseClasses} ${isClickableHead} ${subTitleClasses}`,
+          className: `w-full px-3 ${hasSortIcon && column.align !== "center" ? "pr-6" : ""} ${textAlignClass} ${baseClasses} ${isClickableHead} ${subTitleClasses}`,
           style: hasWrapParts ? { wordBreak: "keep-all" } : void 0,
           children: titleContent
         }
       ),
-      hasSortIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-6 shrink-0 flex items-center justify-center cursor-pointer ${isClickableHead}`, children: renderSortIcon(column.key) })
+      hasSortIcon && /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: `absolute right-0 top-1/2 -translate-y-1/2 w-5 flex items-center justify-start cursor-pointer ${isClickableHead}`,
+          children: renderSortIcon(column.key)
+        }
+      )
     ] });
   };
   const createGroupHeaders = () => {