diff --git a/components/doc/datatable/theming/tailwinddoc.js b/components/doc/datatable/theming/tailwinddoc.js index ddc02af684..1dd344d10c 100644 --- a/components/doc/datatable/theming/tailwinddoc.js +++ b/components/doc/datatable/theming/tailwinddoc.js @@ -90,7 +90,7 @@ const Tailwind = { context?.size === 'small' ? 'p-2' : context?.size === 'large' ? 'p-5' : 'p-4', // Size 'dark:text-white/80 dark:border-blue-900/40', // Dark Mode { - 'sticky bg-inherit': props?.frozen || props?.frozen === '', // Frozen Columns + 'sticky bg-inherit': props && (props.frozen || props.frozen === ''), // Frozen Columns 'border-x border-y': context.showGridlines } ) diff --git a/components/lib/datatable/BodyCell.js b/components/lib/datatable/BodyCell.js index e2505795fb..b87c02de94 100644 --- a/components/lib/datatable/BodyCell.js +++ b/components/lib/datatable/BodyCell.js @@ -27,11 +27,10 @@ export const BodyCell = React.memo((props) => { const { ptm, ptmo, cx } = props.ptCallbacks; const getColumnProp = (name) => ColumnBase.getCProp(props.column, name); - const getColumnProps = (column) => ColumnBase.getCProps(column); + const getColumnProps = () => ColumnBase.getCProps(props.column); const getColumnPTOptions = (key) => { - const cProps = getColumnProps(props.column); - + const cProps = getColumnProps(); const columnMetaData = { props: cProps, parent: props.metaData, diff --git a/components/lib/passthrough/tailwind/index.js b/components/lib/passthrough/tailwind/index.js index 7861b27cb5..af71ef2ee1 100644 --- a/components/lib/passthrough/tailwind/index.js +++ b/components/lib/passthrough/tailwind/index.js @@ -3177,7 +3177,7 @@ const Tailwind = { context.size === 'small' ? 'p-2' : context.size === 'large' ? 'p-5' : 'p-4', // Size 'dark:text-white/80 dark:border-blue-900/40', // Dark Mode { - 'sticky bg-inherit': props.frozen || props.frozen === '', // Frozen Columns + 'sticky bg-inherit': props && (props.frozen || props.frozen === ''), // Frozen Columns 'border-x border-y': context.showGridlines } )