[VUE 3] - Change tasks count in header column

[produto]

Hi, is there a way to change the counter located in the header of each column in the taskboard?

column

column.png (5.58 KiB) Viewed 308 times

We have a filter that root tasks (WBS 1, 2, 3...) don't show in the taskboard. We just use a display: none in the taskRenderer, like this:

      taskRenderer({ taskRecord, cardConfig }: any) {
        if (taskRecord.isPhase) {
          cardConfig.style = "display:none";
        }
      },

but in the counter it still counts those tasks. Can I edit this header column? Or even get rid of it? Thanks!

[tasnim]

Hi,

You can get rid of this count by setting https://bryntum.com/products/taskboard/docs/api/TaskBoard/view/TaskBoardBase#config-showCountInHeader to false

Or instead of doing "display : none" you can try filtering out. https://bryntum.com/products/taskboard/docs/api/TaskBoard/store/TaskStore#function-filter
https://bryntum.com/products/taskboard/docs/api/TaskBoard/store/TaskStore#config-filters

This should help!

Best of luck,
Tasnim

[produto]

Great! Do you know if this filter will also apply to the tasks in the gantt? We use multiple products and a shared store for gantt and taskboard.

[tasnim]

Ah, yes the filter will apply to the project so it will apply to the Gantt too.

[produto]

Okay, so I made the filter like this below:

    if (props.visualization == "Kanban") {
      props.schedule.taskStore.addFilter({
        id: "kanban-filter-phase",
        filterBy: (task: Task) => {
          // isPhase is true when task is a root task (WBS 1, 2, 3..)
          return !task.isPhase;
        },
      });
    } else {
      props.schedule.taskStore.removeFilter("kanban-filter-phase")
    }

But these root tasks have children, and they need to be showed. I`ve read in your docs that when I child is filtered in, the parent is also rendered. Can I override this behaviour? I wanna show only the children

[produto]

The header where the column name is shown is editable? I mean, can I change or add some elements inside?

[mats]

This is implemented yes, but not released. In 6.0 you have access to columnTitleRenderer to output any HTML into a Column header.