TreeGridfreeze

<TreeColumns>

              <TreeColumn

                v-for="column in state.gridOptions.columns"

                :key="column.field"

                :field="column.field"

                :headerText="column.headerText"

                :type="column.GridColumnType"

                :format="column.format"

                :width="column.width"

                :clipMode="'EllipsisWithTooltip'"

                :textAlign="column.TextAlign"></TreeColumn>

              <TreeColumn headerText="操作" width="130" :template="'operateTemplate'" :is-frozen="true" freeze="Fixed" ></TreeColumn>

            </TreeColumns>

 :is-frozen="true" freeze="Fixed"

After adding :is-frozen="true" and freeze="Fixed", the display appears abnormal. When I remove :is-frozen="true" and freeze="Fixed", the display returns to normal. I'm not sure what the cause is.



3 Replies

SK Sreedhar Kumar Panarapu Sreenivasulu Panarapu Syncfusion Team November 13, 2024 11:54 AM UTC

Hi Zhong,

Thank you for reaching out.
To resolve the display issue, only one property should be used to freeze columns in the TreeGrid component, as using                                                both :is-frozen="true" and freeze="Fixed" simultaneously can cause conflicts. Removing one of these should restore                                            the display to normal.
For example, you can use either:
  • :is-frozen="true     
    or
  • freeze="Fixed
but not both together.
Please let us know if you continue to experience any issues after making this adjustment. We’re here to assist you further as needed.
Best regards,
Sreedhar Kumar



November 13, 2024 02:30 PM UTC

现在它可以正常工作了;非常感谢您的帮助!

其中,这个对话有帮助吗?


PR Padmini Ramamurthy Syncfusion Team November 14, 2024 03:23 PM UTC

Hi Zhong,


Thanks for the update.


Regards,

Padmini


Loader.
Up arrow icon