How to work with ellipsis in bootstrap responsive table

Question

In a responsive table text-overflow:ellipsis is not working when the data increases in the th (as the col-xs-2 width increases).

Answer 1

Another suggestion for bootstrap 4:

Github Docs

.table.table-ellipsis tbody td {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}