Ширина Td не работает

Question

Только с помощью Bootstrap css ширина таблицы отлично работает, но с моими стилями CSS CSS-индикация очень плохой.

<table>                    
    <tbody>      
     {#items} 
     <tr onclick="selectPickPoint(this);"> 
      <td width="50" align="center"><input name="pickpointid" type="radio" value="{customer_id}"></td> 
      <td width="300"> 
       <b>{name}</b> <i style="font-size:9px;">#{customer_id}</i> 
       <br> 
       {address} <br> {postal_code} <a href="{map_link}" target="_blank" style="font-size:10px;">(ver en el mapa</a>)</td> 
     </tr> 
     {/items} 
    </tbody> 
</table>  

Вы можете проверить здесь обработанный пример (см выбрали магазин таблицу): https://jsfiddle.net/5ghpqx8L/3/

Answer 1

Вы, кажется, имеет следующий CSS в вашей скрипке:

.puntosdeventa input, .puntosdeventa select { 
    width: 235px; 
} 

Это вызывает проблему , Если вы можете заменить эту CSS с помощью следующей строки она будет работать нормально:

.puntosdeventa input, .puntosdeventa select { 
    width: auto; 
} 

Я рекомендовал бы использовать другую декларацию CSS для входов и выбирает. Скорее всего, вы хотите иметь более широкий элемент выбора, чем вход.

Answer 2

Вы также можете изменить эти строки, чтобы исправить это:

Старый:

.puntosdeventa input, .puntosdeventa select { 
    width: 235px; 
} 

Новое:

.puntosdeventa input[type='text'], .puntosdeventa select { 
    width:235px; 
} 

https://jsfiddle.net/5ghpqx8L/5/

Answer 3

Вы установите ширину всех входы (включая переключатели) должны быть 235px, что вынуждает первый столбец расширяться.

Попробуйте добавить новое правило стиля, что-то вроде:

.puntosdeventa input[type='radio'] { width:auto; }