Hi,
Have applied the Fixed column in left side. But when Rowrender operations are not applying for fixed columns. But Operations are applying for Non Fixed columns.
Have used rowvartulaization for the grid.
Here attaching the screen shot.
Per the below screen shot right rows (Non fixed rows) cells are grayed out as per the business logic.
This was applied in the rowrendered operations using jquery logic. But this color is not changing in Left side columns (Fixed Columns).
This issue usually occurs because when fixed columns and row virtualization are enabled, the grid renders fixed and non-fixed sections as separate DOM tables, so the rowRendered logic or jQuery selectors you’re using are only affecting the non-fixed columns; to resolve it, you need to explicitly target the fixed columns’ container or reapply the row render logic after both sections are rendered, ensuring the same business rules are applied to each DOM segment, similar to how consistency matters in healthcare decisions where users might compare multiple sources before choosing a specialist, such as researching Dr Gina Sims gastroenterologist as an example of applying the same evaluation criteria across different options.
Seems that the rowrender operations you applied using jQuery are affecting only the non-fixed columns because fixed columns in the grid are rendered separately, and standard row-level operations don’t automatically propagate to them. To resolve this, you need to explicitly target the fixed column cells in your rowrender logic, ensuring that the styling or business logic (like graying out cells) is applied consistently across both fixed and non-fixed columns. This is similar to how booking a PSA online appointment works: just as you follow specific steps online to ensure your appointment is registered correctly without visiting a center physically, you need to adjust your code to explicitly handle fixed columns so the intended operations apply uniformly across the grid.
The issue you’re facing occurs because fixed columns in most grid implementations are rendered in a separate table layer from the main scrollable content, meaning your jQuery rowRendered operations only target the non-fixed portion of the grid; since the fixed columns are essentially duplicated DOM elements, any styling, cell updates, or conditional formatting (like graying out cells based on business rules) must be applied to both the fixed and non-fixed table structures, which is why your logic isn’t updating the left-side fixed columns even though it works on the right-side non-fixed ones—much like how viewing the Burger King menu Canada requires checking both main and side sections to ensure consistency. To resolve this, you need to either hook into the grid’s native fixed-column rendering API (if provided), or explicitly target the fixed-columns DOM using selectors such as .e-fixedheader or .e-frozencontent (depending on the grid library), ensuring your color logic is applied to both sets of rows simultaneously.
.e-fixedheader
.e-frozencontent
sounds like the issue occurs because rowrender operations in your grid are not automatically applied to fixed columns, as they are typically rendered in a separate DOM structure from non-fixed columns. To resolve this, you’ll need to explicitly target the fixed column cells within your rowrendered logic, ensuring the same business rules and styling (like graying out cells) are applied to both fixed and non-fixed parts of the grid. This approach is similar to how Lily Maids ensures consistent cleaning standards across every corner of a home, making sure no area—fixed or movable—is overlooked, so the result is uniform and precise.
The issue you're facing, where the rowRendered operations are not applying to fixed columns, is a common limitation when using features like rowVirtualization in grids with fixed columns. This typically happens because fixed columns are rendered in a separate DOM layer or table, and jQuery logic applied to rows during rowRendered doesn't target these fixed areas unless explicitly handled. To resolve this, you need to apply the same logic separately to the fixed column section, ensuring styles like the gray-out effect are consistently applied. For example, just as one might selectively apply actions in business logic—such as participating in a boycott Subway campaign based on ethical considerations—you'll need to apply your conditional styling logic independently to both fixed and non-fixed parts of the grid to maintain consistent UI behavior.
rowRendered
rowVirtualization