ColumnScrollButton

//<code-header>
fiddle.title = 'Column scroll button';
//</code-header>
const taskBoard = new TaskBoard({
    appendTo : targetElement,

    features : {
        columnToolbars : false
    },

    tbar : [
        { type : 'columnscrollbutton' }
    ],

    // Columns to display
    columns : [
        { id : 'backlog', text : 'Backlog', width : 250 },
        { id : 'considering', text : 'Considering', width : 250 },
        { id : 'todo', text : 'Todo', width : 250 },
        { id : 'doing', text : 'Doing', width : 250 },
        { id : 'done', text : 'Done', width : 250 },
        { id : 'ignore', text : 'Ignore', width : 250 }
    ],

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

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