Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Join us at FabCon Atlanta from March 16 - 20, 2026, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM. Register now.

Reply
alanwales
New Member

Custom Visual Filtering

I have created a custom visual based on a table of data e.g.

 

Test Id | Name

1 | Task 1

1 | Task 2

2 | Task 1

2 | Task 2

 

However when I filter in the report view e.g. Test Id = 1 I cannot find a way to get my code to adapt. It always shows the full list.

 

my code looks something like this (called from update method)

 

public static converter(dataView: DataView😞 TestRunViewModel {

var table = dataView.table;

for (var t = 0; t < table.rows.length; t++) {

var cell = table.rows[t];

 // table rows are not filtered

}

}

 

2 REPLIES 2
alanwales
New Member

Anyone have any knowledge of how the custom visuals can be filtered in ts code...?

I managed to find the issue, the child nodes had to be cleared on update e.g.

 

private elementRoot: HTMLElement;

 

        public init(options: VisualInitOptions): void {
   this.elementRoot = options.element.get(0);
        }

 

public update(options: VisualUpdateOptions) {

   while (this.elementRoot.firstChild) {
    this.elementRoot.removeChild(this.elementRoot.firstChild);
   }

... etc

 }

 

Adding calls to console.info helped to track down that the data update was not the issue

Helpful resources

Announcements
Fabric Data Days Carousel

Fabric Data Days

Advance your Data & AI career with 50 days of live learning, contests, hands-on challenges, study groups & certifications and more!

October Power BI Update Carousel

Power BI Monthly Update - October 2025

Check out the October 2025 Power BI update to learn about new features.

FabCon Atlanta 2026 carousel

FabCon Atlanta 2026

Join us at FabCon Atlanta, March 16-20, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.