fix(datatable, cell): consistency when multiple frozen columns exist …

[kaylaa0]

Defect Fixes

• fix DataTable: Multiple frozen columns - Headers freeze but data columns don't align properly #8107

Issue

• There was a performance update which caused prev.style.left to be inaccessible during cell initialization.
• This issue caused cells and headers to behave differently as cells are initialized with a different algorithm since performance update.
• The alignment only checked previous cell while ignoring if there were gaps in between frozen cells.

Solution

• Set element.current.style.left manually while initializing so we can access it from the next cell initialization.
• Create a loop to detect gaps in between frozen cells and align correctly.

Result / Test Cases

• When there are multiple frozen cells next to each other they align properly.
• When there are gaps in between cells they align next to the previous frozen cell.

Above cases are tested and working correctly for left aligned frozen cases.