Чтобы создать эффект многоточия в ячейке таблицы с двумя строками текста, вы можете использовать различные методы CSS. Вот несколько подходов, которые вы можете рассмотреть:

1. Переполнение текста CSS: вы можете использовать свойство CSS text-overflowв сочетании со свойством overflow: Hidden, чтобы обрезать текст и отображать многоточие, когда оно превышает ширина ячейки. Однако этот метод работает лучше всего, когда текст находится в одной строке.

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

2. CSS Line Clamp: для эффекта двухстрочного многоточия вы можете использовать свойство -webkit-line-clampвместе с -webkit-box-orientи -webkit-box-decoration-break. Этот метод поддерживается в браузерах на основе WebKit.

td {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-box-decoration-break: clone;
}

3. Решение на JavaScript/jQuery. Если вам нужен больший контроль над эффектом многоточия, вы можете использовать JavaScript или библиотеку JavaScript, например jQuery, для достижения желаемого результата. Этот подход предполагает динамическое добавление многоточия к тексту в зависимости от высоты содержимого и доступного пространства.

<td>
  <div class="ellipsis">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  </div>
</td>

«…»;
позиция: абсолютная;
внизу: 0;
справа: 0;
отступ слева: 5 пикселей;
фон: линейный градиент (вправо, прозрачный, белый 50%);

Это всего лишь несколько методов, которые можно использовать для достижения эффекта двухстрочного многоточия в ячейке таблицы. Не забудьте настроить стили и подходы в соответствии с вашими конкретными требованиями и потребностями совместимости браузера.