Как повернуть текст в таблице с двумя интервалами строк с помощью начальной загрузки ⇐ CSS

[Anonymous]

хорошо, я часами пытался заставить свой HTML-код работать для вращения текста на моей таблице, но, похоже, это не сработало.

вот jsfiddle, если кто-нибудь готов мне помочь, я буду признателен

https://jsfiddle.net/zmxr9kyh/

вот мой HTML-код

Код: Выделить всё

$(function() {
var header_height = 0;
$('table th span').each(function() {
if ($(this).outerWidth() > header_height) header_height = $(this).outerWidth();
});

$('table th').height(header_height);
});

Код: Выделить всё

th {
position: relative;
padding: 10px;
}
th span {
bottom: 0;
display: inline-table;
left: 50%;
position: absolute;
transform: rotate(-90deg);
transform-origin: 0 50% 0;
white-space: pre;
width: 100;
margin-left: auto;
margin-bottom: -110;
}

Код: Выделить всё

 





VALIDASI





JUMLAH RECORD



NO.
PROGRAM STUDI
IDENTITAS MAHASISWA


%

MAHASISWA PT


%

KURIKULUM


%

NILAI


%

AKM


%

DAYA TAMPUNG


%

LAPORAN %


MHS



KELAS KKULIAH



NILAI


AKM



 
 




A


C


N

Подробнее здесь: https://stackoverflow.com/questions/399 ... -bootstrap