Suppress button wrap in button group after fitting cell width dynamically

Question

According to MetalFrog\'s answer to this problem I\'m trying to fit a cell width to its content:

tr td.fit {
width: 1%;
white-space: nowrap;
}

Answer 1

Adding this css decleration will fix any issues with table cells wrapping button groups.

.btn-group {
  display: flex;
}

Explanation: This defines a flex container; inline or block depending on the given value. It enables a flex context for all its direct children. By default, flex items will all try to fit onto one line.