Ширина ячейки стола

Question

Я продолжаю развивать и квест в css. Я хочу, чтобы ячейки таблицы были одинаковыми, и не нравится, как это отображается в jsfiddle. Я попытался вручную поместить ширину в «th tag» и «td tag», но они не определяют ширину, которую я определяю.

.tablesorter { 
margin: -5px 0 0 0; 
table-layout: fixed; 
} 

.tablesorter td{ 
margin: 0; 
padding: 0; 
border-bottom: 1px dotted #ccc;  
} 

.tablesorter thead tr { 
height: 34px; 
color:#082B33;; 
background:#B5E5EF; 
text-align: left; 
cursor: pointer; 
} 

скрипку ссылка выглядит следующим образом: https://jsfiddle.net/4j43fdm1

Answer 1

Попробуйте

.tablesorter{ 
    width:100%; 
    } 

table tr th, table tr td{ 
    width:16.6%; 
    word-break: break-all; 
    } 

Click here for demo