Когда один столбец имеет длинное значение без пробелов, таблица выходит из любого контейнера с заданной шириной (или процентом). В настоящее время яm нужна таблица с шириной 50%, а длинное значение разбивает таблицу из контейнера шириной 50%.

Этот jsFiddle упрощает мою проблему с шириной 70% и любым пользовательским CSS I 'мы использовали переопределение типичного DataTables.net CSS (кроме визуального стиля).

http://jsfiddle.net/mswieboda/8qVh4/

HTML:

CSS:

.dataTable {
  width: 100% !important;
  margin: 0;
}
.dataTables_wrapper {
  position: relative;
}
.dataTables_scrollHeadInner {
  width: 100% !important;
}
.container {
  position: relative;
  width: 70%;
  border: 1px solid #f0f;
}
.container .grid {
  position: relative;
  overflow-x: hidden;
}

Примечание: я понимаю, что не должент использовать ,!importantно это'Это проблема для другого дня.

Пожалуйста, посмотритеjsFiddle для конкретных параметров JS и DataTables.net I 'Я использую. Я

Я хотел бы обрезать / усечь длинное значение с помощью эллипсов с помощью CSS. Мне, наверное, нужно что-то вроде:

.dataTable tbody td {
  text-overflow: ellipsis;
  overflow: hidden;
}

Единственное решение, котороесработало для меня, чтобы иметьdiv вtd и настройка /max-widthwidth наdivно я нея не хочу устанавливать фиксированную ширину, так как я хочу, чтобы она вычислялась из опций DataTables.net, используяsWidth option.I»

мы провели какое-то исследование, но покаТвердых растворов пока нет. У кого-нибудь есть решение для этого?