Is it possible to change the width of columns in Kanban boards?

[Esther Strom]

In Cloud, using a next-gen project as a demo. The board that's created by default is Kanban. Next-gen projects can only have three statuses: to do, in progress, and done. The board uses fixed-width columns, as far as I can tell, which means that the columns on a large monitor are very narrow, causing content to wrap, even though there's a ton of white space off to the right.

Is there any way to change the column widths, or make them responsive?

[Berkay Somalı]

Responsive column width would be great!

[Nemanja Bubnjevic]

Hi, is this going to be fixed/implemented, since it looks ridiculous, especially on large screens? For example on QHD resolution

[Jan Bennett]

I'm thinking of going back to Excel sheets.

[Marcin Waś]

This next-gen starts to look like lost-gen project. 2 years and still no adjustable columns... rubbish.

[Marcin Waś]

Another half of year passed and I still do not see this basic functionality :(

[Jim Credland]

Still not here :)

[alex.walton]

Did you give up waiting? 

[Marcin Waś]

Yeah, I gave up waiting... the only change they did was with upgrade of layout which is much bigger that old one, so white space now is smaller. Also they removed old types of project, where columns adjusted their width. This is sad :(

[Nick Massie]

Yall some hoes for not allowing us to resize columns.

[Kevin Malm]

Amen.

[Fernando Henriques]

vote +1

[Jérémie LOPEZ]

Any news about this?
Any registered feature request we could vote for?

[Robert Antoniewicz]

Please make it responsive, it is even painful to look at this :(

[Julian Reimer]

Today I also created a next-gen project and this bugged me a lot. Since the seems not to be a solution I created css and inject it with a chrome extension e.g. "Styler".

This may not work for every configuration and also break if they change something in their code so you may need to adapt it:

---

[data-testid="insights-next-best-task.ui.task-panel.slide-panel.box"] + div {

  width: 100%;

}

[data-testid="platform-board-kit.ui.column.draggable-column.styled-wrapper"] + div {

  max-width: 100%;

}

[data-test-id="platform-card.ui.card.focus-container"] {

  max-width: 100%!important;

}

[data-testid="platform-board-kit.ui.column.draggable-column.styled-wrapper"] > :first-child {

  max-width: 100%!important;

}

[data-testid="platform-board-kit.ui.column.draggable-column.styled-wrapper"] > :first-child > :first-child {

  max-width: 100%!important;

}

[data-testid="platform-board-kit.ui.column.draggable-column.styled-wrapper"] {

  max-width: 100%!important;

}

[Marcin Waś]

Nice
I'll try to use it.
Too bad, they didnt fix it for 5 years now...

[Julian Reimer]

Yeah that is really ridiculous...

I think that is the problem with monopolies, at some point they do not feel like they have to be customer friendly anymore :)

[Pim van den Broek]

Had to add some, to fix the columns and issuecards

---

[data-testid="insights-next-best-task.ui.task-panel.slide-panel.box"] + div {

    width: 100%;

  }

  [data-testid="platform-board-kit.ui.column.draggable-column.styled-wrapper"] + div {

    max-width: 100%;

  }

  [data-test-id="platform-card.ui.card.focus-container"] {

    max-width: 100%!important;

  }

  [data-testid="platform-board-kit.ui.column.draggable-column.styled-wrapper"] > :first-child {

    max-width: 100%!important;

  }

  [data-testid="platform-board-kit.ui.column.draggable-column.styled-wrapper"] > :first-child > :first-child {

    max-width: 100%!important;

  }

  [data-testid="platform-board-kit.ui.column.draggable-column.styled-wrapper"] {

    max-width: 100%!important;

  }

  [data-testid="platform-board-kit.ui.board.scroll.board-scroll"] > section {

    width: 100% ;

  }

  [data-testid="platform-board-kit.ui.board.scroll.board-scroll"] > section > div:nth-child(2){

    width: 100% ;

  }

  [data-testid="software-context-menu.ui.context-menu.children-wrapper"] > div {max-width:100%;}

[Corin Bolles]

+1

[Jim Credland]

Surely this can be done easily!

[Diogo Nunes]

After almost 3 years waiting, it's clear we won't get it. Is there any hack we can do client side (some Javascript?) to change the CSS of the columns and have them use the full width?

[Cristin Iosif]

+1

[Jamie Wetzel]

adding another vote for making Kanban board column width adjustable.

[tyler_healey]

You know why they've done it this way? It's because the next gen boards almost certainly are using Trello code and that was always an annoying thing about Trello – narrow as hell columns.

It's been 2 years since this question was asked and apparently wider columns is too "next-gen" for these Next Gen boards

[Moritz Lindenau]

+1

[yen.nguyen]

+1 for adjustable column width

[Jeremy Tarpey]

+1

[3layer Gestão Compartilhada]

+1

[Loïc Sombart]

+1

[Gerald Eersteling]

+1

[Innive EdFi]

+1

[Dyno Fu]

+1

[Fei Gao]

vote +1

[Sebastian Schneider]

+1 :-)