ehscan-react-table 0.0.17 → 0.0.19

package/dist/elements/Table.js

@@ -101,14 +101,15 @@ export const Table = ({ columns, rows, sortOrder, setSortOrder, cellComponents,
     const HeadColMain = ({ col }) => {
         const { tag, search, title, width } = col;
         const colTitle = title !== undefined ? title : tag;
-        const thWidth = width !== undefined ? `${width}px` : "32px";
-        return (_jsx("th", { style: { "--custom-width": thWidth }, children: _jsxs("div", { className: styles.headcolcell, children: [_jsx(HeadColSort, { tag: tag }), _jsx("div", { className: styles.headcolcellmain, children: search ? _jsx(HeadSearchBar, { content: colTitle, tag: tag }) : _jsx("div", { children: colTitle }) })] }) }));
+        const thWidth = width !== undefined ? `${width}px` : "30px";
+        return (_jsx("th", { style: { "--custom-width": thWidth }, children: _jsxs("div", { className: styles.headcolcell, children: [_jsx(HeadColSort, { tag: tag }), _jsx("div", { className: styles.headcolcellmain, children: search ? _jsx(HeadSearchBar, { content: colTitle, tag: tag }) : _jsx("div", { onClick: () => setOpenCol(tag), children: colTitle }) })] }) }));
     };
     const HeadCols = () => {
         return (_jsxs(_Fragment, { children: [columns.map((col, i) => {
-                    const { tag, type } = col;
+                    const { tag, type, width } = col;
+                    const thWidth = width !== undefined ? `${width}px` : "8px";
                     if (type === "checkbox") {
-                        return (_jsx("th", { className: styles.thcheckhead, style: { "--custom-width": "32px" }, children: _jsx(TableCellSelectHeadCol, { checkHead: checkHead, checkAll: checkAll }) }, `checkbox-${tag !== null && tag !== void 0 ? tag : i}`));
+                        return (_jsx("th", { className: styles.thcheckhead, style: { "--custom-width": thWidth, padding: "5px" }, children: _jsx(TableCellSelectHeadCol, { checkHead: checkHead, checkAll: checkAll }) }, `checkbox-${tag !== null && tag !== void 0 ? tag : i}`));
                     }
                     return _jsx(HeadColMain, { col: col }, tag !== null && tag !== void 0 ? tag : i);
                 }), _jsx(EndHeadCol, {})] }));

package/dist/elements/table.module.css

@@ -170,10 +170,12 @@ input.headsearch:focus {
 
 input.headsearch {
   color: var(--ext-tab-input-clr, white);
+  font-weight: var(--ext-tab-input-font-weight, 400);
 }
 
 input.headsearch::placeholder {
   color: var(--ext-tab-input-clr, white);
+  font-weight: var(--ext-tab-input-font-weight, 400);
   opacity: 1;
 }
 
@@ -265,10 +267,13 @@ input.headsearch:focus {
 }
 
 .headcolcellmain{
+    color: var(--ext-tab-input-clr, white);
+    font-weight: var(--ext-tab-input-font-weight, 400);
+    line-height: 1.5;
     flex: 1;
     display: flex;
     align-items: center;
-    justify-content: center;
+    justify-content: left;
 }
 
 .deftabletr > td, .trstickyhead > th {
@@ -312,6 +317,7 @@ input.headsearch:focus {
 
 .headsearchwrapper {
     position: relative;
+    width: 100%;
 }
 
 .sort-col {
@@ -322,7 +328,7 @@ input.headsearch:focus {
     position: fixed;
     margin-left: 6px;
     margin-top: 0;
-    font-size: var(--ext-table-header-font-size, 50%);
+    font-size: var(--ext-table-header-font-size, 55%);
     background-color: var(--ext-table-header-bkc-clr, darkgoldenrod);
     color: var(--ext-table-header-clr, darkslategrey);
     border-radius: 4px;
@@ -333,7 +339,7 @@ input.headsearch:focus {
 
 .show {
     opacity: 1;
-    margin-top: -5px;
+    margin-top: -6px;
     z-index: 999;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ehscan-react-table",
-  "version": "0.0.17",
+  "version": "0.0.19",
   "description": "components",
   "main": "dist/Components.js",
   "types": "dist/Components.d.ts",