Archief - rounded corner gridview headerrow

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
n

nickyboy

Legacy Member
Beste,

weet iemand hoe je voor een hele headerrow van een gridview rounded corners kan maken?

het is me wel gelukt via css op de headers zelf maar dat betekend alle headers apart afgerond worden en krijg je (=)(=)(=) ipv (===)

hoop dat het wat duidelijk is, anders geef ik wel een screenshot...
-

-BVR-

Legacy Member
Enkel de eerste rij:
Code: 
table tr th:first-child {border-radius: 8px 0 0 0;}
table tr th:last-child {border-radius: 0 8px 0 0;}

'Heel' de tabel:
Code: 
table tr:first-child th:first-child {border-radius: 8px 0 0 0;}
table tr:first-child th:last-child {border-radius: 0 8px 0 0;}
table tr:last-child th:last-child {border-radius: 0 0 8px 0;}
table tr:last-child th:first-child {border-radius: 0 0 0 8px;}
n

nickyboy

Legacy Member
Thx! dit werkt!

Last question; de margin op de th werkt niet, weet iemand hoe je wat ruimte tussen je th en eerste td krijgt bij een gridview? (padding kan je niet gebruiken want dan wordt mijn headerbackgroud of th background ook hoger.


BramVroy zei:
Enkel de eerste rij:
Code: 
table tr th:first-child {border-radius: 8px 0 0 0;}
table tr th:last-child {border-radius: 0 8px 0 0;}

'Heel' de tabel:
Code: 
table tr:first-child th:first-child {border-radius: 8px 0 0 0;}
table tr:first-child th:last-child {border-radius: 0 8px 0 0;}
table tr:last-child th:last-child {border-radius: 0 0 8px 0;}
table tr:last-child th:first-child {border-radius: 0 0 0 8px;}
Klik om te vergroten...
n

nickyboy

Legacy Member
Scissor,

Op eerste zicht een goed idee maar: Het is een asp.net gridview dus ik kan niet kiezen om een extra (lege) rij (th of td) erin te steken.

enkel de opmaak wordt met de TD & TH tags gedaan.

Scissor zei:
Lege Th insteken? Of procentuele width insteken?
Klik om te vergroten...
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan