NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Angular 7 podbarveni jedné hlavičky v tabulce

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Ladislav Niderle
Člen
Avatar
Ladislav Niderle:1.3.2019 6:07

Ahoj, potřeboval bych poradit jak u dynamická tabulky, kde je proměnný nejen počet řádků, ale i sloupců, jak podbarvit nějak hlavičku jednoho sloupce, které je vidět na přiloženém obrázku. Mám funkci, která je schopná odečítat a tak číslo v závorce se zmenšuje v závislosti na zadaných hodnot v daném sloupci, ale potřebuji nějak zvýraznit, pokud se dostanu do mínusových hodnot.

Zkusil jsem: Zatím jsem nebyl schopen nikde dohledat žádný použitelný příklad.

Chci docílit: Snažím se dosáhnout toho, aby obsluha programu měla zpětnou viditelnou vazbu u toho, kde je záporný limit a mohli to tedy opravit.
Předem moc děkuji za pomoc či radu.

 
Odpovědět
1.3.2019 6:07
Avatar
Petr Štechmüller
Tvůrce
Avatar
Odpovídá na Ladislav Niderle
Petr Štechmüller:1.3.2019 10:56

Podbarvení je jednoduché. Můžeš "nabindovat" pozadí buňky na svoji podmínku.

V HTML to bude vypadat asi nějak takto:

<th [style.background]="hodnota < 0 ? 'red' : 'green'"></th>

Píšu z mobilu, tak to nemůžu vyzkoušet,ale nějak takhle by to mělo být...

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
1.3.2019 10:56
Pokud spolu kód a komentář nekorespondují, budou patrně oba chybné
Avatar
Ladislav Niderle
Člen
Avatar
Odpovídá na Petr Štechmüller
Ladislav Niderle:1.3.2019 13:01

Perfektní, už mi to podbarvovává. Moc děkuji

 
Nahoru Odpovědět
1.3.2019 13:01
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.