Witam, zdaję sobie sprawę z zawiłości mojego tytułu, ale ciężko mi to wytłumaczyć w jednym zdaniu.
A więc od początku - mam obiekt przechowujący nazwy miesięcy oraz ilość dni, która im przypada:
{
"miesiac": "Styczeń",
"ileDni": 31
},
{
"miesiac": "Luty",
"ileDni": 28
}, etc...
Chciałbym by mój thead tabeli dzielił się na dwa wiersze (prócz pierwszego rekordu - Ucznia) - wiersz górny pokazywałby nazwę miesięcy, a dolny liczbę dni dla każdego z miesięcy (czyli np pod styczniem byłoby 31 kolumn).
Próbowałem do tego takiego zapisu by ustalić zasięg dla każdego miesiąca:
$scope.range = function (n) {
return Array.from({ length: n}, (v, k) => k + 1);
};
Mój thead nastomiast wygląda tak:
<thead>
<tr>
<th class="podzielonyNaglowekTabeli">
Uczeń
</th>
<th class="text-center nowrap" ng-repeat="mies in dniMiesiecy">
{{mies.miesiac}}
</th>
</tr>
<tr>
<th class="text-center nowrap" ng-repeat="n in range(mies.ileDni)">
{{n}}
</th>
</tr>
</thead>
Niestety cały czas nic - drugi <tr> nie jest w ogóle wyświetlany, tak jakby cały czas był jakiś błąd. W dodatku moja JS'owa funkcja z jakiegoś powodu wywala błąd. Im więcej kombinuję z rowspanami, colspanami czy tr'ami tym bardziej się w tym mieszam.