EditableGrid: Simplify count col rendering

Author: labkey-alan

packages/components/src/internal/components/base/models/GridColumn.tsx

@@ -81,10 +81,9 @@ export class GridColumn implements ColumnProps {
     }
 }
 
-// Special interface that lets us pass GridColumn and EditableColumnMetadata to getTextAlignClassname
+// Special interface that lets us pass GridColumn and QueryColumn to getTextAlignClassname
 interface WithAlignment {
     align?: string;
-    jsonType?: string;
 }
 
 const TEXT_ALIGN_CLASSES = {

packages/components/src/internal/components/editable/EditableGrid.tsx

@@ -37,7 +37,7 @@ import { HeaderSelectionCell } from '../../renderers';
 import { blurActiveElement, capitalizeFirstChar, not } from '../../util/utils';
 import { Grid } from '../base/Grid';
 
-import { getTextAlignClassName, GridColumn, GridColumnCellRenderer } from '../base/models/GridColumn';
+import { GridColumn, GridColumnCellRenderer } from '../base/models/GridColumn';
 
 import { BulkAddUpdateForm } from '../forms/BulkAddUpdateForm';
 import { QueryInfoForm, QueryInfoFormProps } from '../forms/QueryInfoForm';
@@ -142,8 +142,8 @@ const COUNT_COL = new GridColumn({
     tableCell: true,
     title: 'Row',
     cell: (d, r, c, rn) => (
-        <td className={classNames('cellular-count', getTextAlignClassName(c))} key={c.index}>
-            <div className="cellular-count-static-content">{rn + 1}</div>
+        <td className="cellular-count" key={c.index}>
+            {rn + 1}
         </td>
     ),
 });

packages/components/src/theme/grid.scss

@@ -248,19 +248,6 @@ $table-cell-padding: 4px 2px;
       font-size: small;
       text-align: center;
       width: 45px;
-
-      .cellular-count-content {
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        top: 0;
-        margin-top: 6px;
-      }
-
-      .cellular-count-static-content {
-        text-align: center;
-      }
     }
 
     .cellular-display {