EditableGrid: Fix right-aligned columns

Author: labkey-alan

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

@@ -178,7 +178,6 @@ function inputCellFactory(
         const { isReadonlyCell, isReadonlyRow } = editorModel.getCellReadStatus(fieldKey, rowIdx, readonlyRows);
         const rowContainer = editorModel.getFolderValueForRow(rowIdx);
         const focused = editorModel.isFocused(colIdx, rowIdx);
-        const className = getTextAlignClassName(columnMetadata);
 
         // If we're updating then we want to use the container path from each row if present
         if (forUpdate && rowContainer) containerPath = rowContainer;
@@ -218,7 +217,7 @@ function inputCellFactory(
         }
 
         return (
-            <td className={className} key={inputCellKey(c.raw, row)}>
+            <td key={inputCellKey(c.raw, row)}>
                 <Cell
                     borderMaskBottom={borderMask[2]}
                     borderMaskLeft={borderMask[3]}

packages/components/src/theme/grid.scss

@@ -464,6 +464,10 @@ $table-cell-padding: 4px 2px;
         width: 100%;
       }
 
+      .cell-align-right {
+        text-align: right;
+      }
+
       .cell-content-value, .cell-menu-value {
         display: inline-block;
         padding: $table-cell-padding;