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!The Power BI Data Visualization World Championships is back! It's time to submit your entry. Live now!
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
}
}
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
| User | Count |
|---|---|
| 4 | |
| 3 | |
| 2 | |
| 2 | |
| 1 |
| User | Count |
|---|---|
| 6 | |
| 5 | |
| 4 | |
| 4 | |
| 3 |