• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Jak zrobić podświetlenie jednoczesne kolumny i wiersza, żeby odczytać wynik z ich przecięcia w tabeli?

Object Storage Arubacloud
0 głosów
386 wizyt
pytanie zadane 6 lutego 2023 w HTML i CSS przez mp78 Nowicjusz (120 p.)

Witam, chciałbym zapytać się, czy da się zrobić coś takiego w tabeli za pomoca CSS albo innego programu, coś takiego, że:
- mam tabelę z wierszami i kolumnami, gdzie tabela wygląda tak:
 

           Kolumna1 kolumna2 kolumna3
wiersz1        1             2              2
wiersz2        4             5              6
wiersz3        2             5              8


- jak zrobić w tej tabeli, żeby mógł wybrać przecinający się wiersz i kolumnę, tak żebym np. dla wiersza2 i kolumny3 podświetliło mi 6? Albo, żebym mógł najpierw przesunąć  całą podświetloną kolumnę na pozycję kolumny3 i zablokować tą pozycję, a potem przesunąć cały wiersz podświetlony na pozycję wiersz2 i zablokować, tak żebym mógł odczytać wartość 6 (z przecinających się kolumny3 i wiersza2, a po odczytaniu tej wartości, żeby można było odblokować kolumnę 3 i wiersz 2 i szukać innego wyniku z przecięcia innych kolumn i wierszy?

1 odpowiedź

+1 głos
odpowiedź 6 lutego 2023 przez Comandeer Guru (601,110 p.)

Są sztuczki np. z pseudoelementami: https://css-tricks.com/simple-css-row-column-highlighting/

Kolumnę można też podświetlić przy pomocy colhttps://www.matuzo.at/blog/highlighting-columns/ (chociaż niekoniecznie działa to z :hover). Natomiast wiersze to zwykłe tr:hover (najechanie na dowolną komórkę skutkuje równoczesnym najechaniem na wiersz).

Podobne pytania

0 głosów
1 odpowiedź 2,095 wizyt
pytanie zadane 11 lipca 2017 w HTML i CSS przez Bartess Gaduła (3,630 p.)
0 głosów
1 odpowiedź 227 wizyt
pytanie zadane 1 sierpnia 2018 w HTML i CSS przez Q7V Gaduła (4,250 p.)
0 głosów
1 odpowiedź 145 wizyt
pytanie zadane 12 kwietnia 2018 w HTML i CSS przez Grzegorz Mikina Dyskutant (8,060 p.)

92,572 zapytań

141,422 odpowiedzi

319,643 komentarzy

61,959 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...