{"id":11564,"date":"2023-06-15T16:50:23","date_gmt":"2023-06-15T13:50:23","guid":{"rendered":"https:\/\/dhtmlx.com\/blog\/?p=11564"},"modified":"2025-03-27T20:44:21","modified_gmt":"2025-03-27T17:44:21","slug":"dhtmlx-kanban-1-5","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/dhtmlx-kanban-1-5\/","title":{"rendered":"DHTMLX Kanban 1.5 with Fixed Column Headers, Extended Links API, and Demo For Adjustable Row Height"},"content":{"rendered":"

It has been just a couple of months since the latest update of our JavaScript Kanban Board<\/a> containing a pack of highly requested features. But we are ready to provide new capabilities and enhance existing ones. Here comes DHTMLX Kanban 1.5.<\/p>\n

The new Kanban version provides everything needed for adding fixed column headers to the board. The release also includes a new demo dedicated to the possibility to set the height of rows (swimlanes). Moreover, now it is much easier to manage task dependencies (links) added in v1.4 and store them on the backend thanks to numerous API additions. <\/p>\n\n\t\t

\n\t\t
\n\t\t
\n\t\t
Download DHTMLX Kanban v1.5<\/div>\n\t\t
Estimate the updated functionality for building modern task management apps<\/div>\n <\/div>\n\t\t \n \n
\n Get free trial<\/a>\n <\/div>\n \n <\/div>\n\t\t<\/div>\n\t\n

Let us get acquainted with the novelties delivered in v1.5 in more detail.<\/p>\n

Fixed Column Headers<\/h5>\n

When working on large projects via a Kanban board, end users will certainly need to be able to frequently review the team’s workload. But it is easy to forget about the current status of a task when scrolling down the page and not seeing the names of completion stages. To help avoid such misconceptions, DHTMLX Kanban v1.5 comes with the possibility of freezing the column headers of the board.
\n\"KanbanCheck the sample ><\/a>
\nProgrammatically, this feature is implemented by adding the new fixedHeaders<\/strong> parameter in the columnShape<\/a><\/strong> object and setting its value to true<\/em>.<\/p>\n

const<\/span> columnShape =<\/span> {<\/span>
\n    ...
\n    fixedHeaders<\/span>:<\/span> true<\/span>
\n}<\/span>;<\/span><\/div><\/div>\n

As a result, work stages in Kanban will remain visible when scrolling the board content. In v1.5, this useful feature will be enabled by default.<\/p>\n

API Updates for Working with Task Dependencies<\/h5>\n

Task dependencies (links) became a part of the functional capabilities of our Kanban in the previous update. With the expanded API delivered in v1.5, this functionality becomes more manageable on the frontend as well as the backend. <\/p>\n

First of all, we\u2019ve added the addLink()<\/a><\/strong> and deleteLink()<\/a><\/strong> methods designed for creating and removing dependencies between tasks in Kanban. <\/p>\n

The addLink()<\/a><\/strong> method takes the following parameters:<\/p>\n