SwimlaneFilterField

//<code-header>
fiddle.title = 'Swimlane filter field';
//</code-header>
const taskBoard = new TaskBoard({
    appendTo : targetElement,

    features : {
        columnToolbars : false
    },

    tbar : [
        { type : 'swimlanefilterfield', value : 'i' }
    ],

    // Swimlanes to display
    swimlanes : [
        'high',
        'medium',
        'low'
    ],

    // Field used to pair a task to a swimlane
    swimlaneField : 'prio',

    // Columns to display
    columns : [
        'todo',
        'doing',
        'done'
    ],

    // Field used to pair a task to a column
    columnField : 'status',

    // Project using inline data
    project : {
        tasks : [
            { id : 1, name : 'Task 1', status : 'doing', prio : 'low' },
            { id : 2, name : 'Task 2', status : 'done', prio : 'medium' },
            { id : 3, name : 'Task 3', status : 'done', prio : 'high' },
            { id : 4, name : 'Task 4', status : 'todo', prio : 'low' },
            { id : 5, name : 'Task 5', status : 'todo', prio : 'medium' }
        ]
    }
});