Zrobienie takich samych odstępów pomiędzy elementami th w tabeli

Czy istnieje możliwość aby ustawić takie samego odstępy między elementami th w tabeli? Tabela się rozciąga na 100% nadrzędnego kontenera.

Widzę, że nikt nie odpowiedział, więc podaje jeszcze przykład do jsfiddle: https://jsfiddle.net/73kaoej0/

Czy jest możliwe wyrównanie kolumn tabeli tak aby ostatnia kolumna dochodziła do konca nagłówka "Salary", a odstępy pomiędzy posczególnymi kolumnami były takie same (dobierane automatycznie)? Ewentualnie na co przerobić tą tabele aby móc coś takiego zastosować? Jeśli jest coś nie jasne to wyjaśnię.

Czytałem kilka razy Twój opis, ale przyznaję się, że nadal nie ma pojęcia, o co pytasz...

Dorzucam jeszcze screena, może teraz będzie jaśniej.

Tam gdzie jest pionowa zielona linia miałyby zostać przesunięta ostatnia kolumna. Wtedy odstęp między kolumną ostatnią a przedostatnią by się zwiększył. Chciałbym wtedy wyrównać wszystkie odstępy między kolumnami tak aby między każdą kolumną odstęp był taki sam.

Czy teraz jest wszystko jasne? Jak nie to będę dalej tłumaczyć.

Po nakazaniu otoczenia komórek tabeli ramką, widać że komórki tabelki są na całą szerokość kolumny. Możesz to zresztą sobie sam sprawdzić poprzez zmianę koloru tła.

To, co chcesz osiągnąć raczej nie ma nic wspólnego z szerokością kolumny, ale z wyrównaniem tekstu w niej zamieszczonego.

Jeśli mi nie wierzysz, to zmień sobie w CSS zapis na następujący i zobacz, co się stanie:

.zui-table tbody td {
  color: #333;
  padding: 10px;
  text-shadow: 1px 1px 1px #fff;
  background-color: blue;
}

.zui-table td:last-child, .zui-table th:last-child {
  text-align: right;
}

Może jeszcze inaczej czy da się ustawić jakoś automatyczny prawy padding dla kolumn tak aby ostatnia kolumna była maksymalnie dociągnięta do konca, a pierwsza kolumna była w tym samym miejscuw którym jest?