Принуждение таблицы и ее элементов, чтобы иметь ширину затруднительное

Question

Я работаю с веб-шаблона, которые имеют определить следующее внутри CSS-файла: -

div.dataTables_length select { 
width: 50px; 
} 
.dataTables_filter input, .dataTables_length select { 
display: inline-block; 
margin-bottom: 0; 
} 

и таблица определяется следующим образом: -

<div class="box-content"> 
<table class="table table-striped table-bordered bootstrap-datatable datatable"> 
<thead> 
<tr> 
<th></th> <th></th> 
</tr></thead> 
<tbody> 
<tr> 

Btu В настоящее время я столкнулся с проблемой, что шаблон автоматически обрезает значение и отображает только его часть. Так, например, если есть длинное значение описания, ячейка может отображать ее часть. Так что есть способ изменить таблицу так, чтобы она имела следующее: -

1. Ячейка таблицы всегда будет иметь одинаковую ширину, но динамическую высоту.
2. Таблица всегда должна иметь одинаковую ширину, поэтому она не будет выходить из макета, если есть длинный текст.
3. Чтобы отобразить полный текст каждого поля, и ячейка должна атомарно перейти к новой строке.

С уважением

::: РЕДАКТИРОВАТЬ :::

Это как таблица будет отображаться упаковывают столбцов таблицы содержат длинный тест: -

Answer 1

Вопрос об усечении уже рассмотрен в комментариях. Я обращусь к ширине таблицы.

Если вы хотите установить ширину столбца таблицы, вам нужно либо установить одинаковую ширину для всех столбцов, либо задать определенные ширины для определенных столбцов.

.table th, .table td { width: 50px; } /* sets the default value of all columns */ 
.table .name { width: 100px; word-wrap: break-word; } /* overrides the default with specific value for certain column*/ 

<table class="table"> 
    <tr> 
    <td class="name">James T. Kirk</td> 
    <td class="name">Spock</td> 
    </tr> 
</table> 

Я бы уклонился от использования процента (%) на ширине столбцов, особенно если текст будет колебаться в длину.

EDIT - Я понимаю, что вы имеете в виду. Вам нужно поместить css-стиль word-wrap: break-word; Я обновил код выше и сделал демо-версию jsfiddle.