Skip to content

thAttrs/tdAttrs leads to recursive updates #393

Closed
@akhma-ps

Description

Overview of the problem

If you use the tdAttrs or thAttrs property on the OTableColumn component to set the class, a recursive update warning is displayed and the class is duplicated.

Oruga version: oruga-next [0.5.5]
Vuejs version: [3.2.33]
OS/Browser: macos/Chrome

Description

Demo: https://codesandbox.io/s/oruga-table-recursive-updates-x0b68l?file=/src/App.vue

[Vue warn]: Maximum recursive updates exceeded in component . This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.

Steps to reproduce

  1. Open demo link
  2. Open the developer console

Expected behavior

There should be no recursive updates.
The class specified in the tdAttrs or thAttrs property must be output once.

Actual behavior

A warning is displayed. With large amounts of data, the page is very slow.
The class is displayed twice in each cell.

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions