text-overflow-ellipsis.scss

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

td.ellipsis {
  position: relative;

  white-space: initial;
  overflow: initial;
  text-overflow: initial;

  &::before {
    content: " ";
    visibility: hidden;
  }

  > span,
  > a {
    position: absolute;
    left: 0;
    right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}