Управление данными с помощью HTML с помощью Javascript с помощью SocketIO

Как было сказано ранее, вы можете использовать td { display: block; }, но это побеждает цель использования таблицы.

Вы можете использовать table { table-layout: fixed; }, но, возможно, вы хотите, чтобы он вел себя по-разному для некоторых колонок.

Итак, лучший способ добиться того, что вы хотите, - это обернуть текст в <div> и применить свой CSS к <div> (а не к <td>) следующим образом:

td {
  border: 1px solid black;
}
td > div {
  width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}