Leuk!
Dat die header iets meescrolt, komt weer omdat het tabel-elementen zijn. Normaal genomen zou dat scrollen stoppen bij de ouder, maar niet bij 'n tabel.
Succes!
Er zijn 325 resultaten gevonden
- ma 25 jan 2021, 15:51
- Forum: Vragen
- Onderwerp: Scfrollable tabel met vaste header
- Reacties: 20
- Weergaves: 264489
- ma 25 jan 2021, 14:51
- Forum: Vragen
- Onderwerp: Scfrollable tabel met vaste header
- Reacties: 20
- Weergaves: 264489
Re: Scfrollable tabel met vaste header
P.S. 2:
Dat voorbeeld is alweer wat ouder. Die fixed header kan inmiddels ook met position: sticky;. Dan scrollen de kopjes mee tot bovenaan de pagina (of de <div> of zo waar de tabel in staat), en dan blijven ze staan. Dat werkt alleen niet in oudere browsers, zoals Internet Explorer 11, maar dat ...
Dat voorbeeld is alweer wat ouder. Die fixed header kan inmiddels ook met position: sticky;. Dan scrollen de kopjes mee tot bovenaan de pagina (of de <div> of zo waar de tabel in staat), en dan blijven ze staan. Dat werkt alleen niet in oudere browsers, zoals Internet Explorer 11, maar dat ...
- ma 25 jan 2021, 13:47
- Forum: Vragen
- Onderwerp: Scfrollable tabel met vaste header
- Reacties: 20
- Weergaves: 264489
Re: Scfrollable tabel met vaste header
P.S.:
In dat voorbeeld van mij staat bovenin de mogelijkheid om de hele tabel weer te geven. Dat is eigenlijk niet meer nodig, omdat het een probleem op iOS oplosten. Inmiddels werkt scrollen ook goed op iOS, en oudere versies van iOS worden weinig gebruikt. Als ik het nu zou maken, zou ik die ...
In dat voorbeeld van mij staat bovenin de mogelijkheid om de hele tabel weer te geven. Dat is eigenlijk niet meer nodig, omdat het een probleem op iOS oplosten. Inmiddels werkt scrollen ook goed op iOS, en oudere versies van iOS worden weinig gebruikt. Als ik het nu zou maken, zou ik die ...
- ma 25 jan 2021, 13:36
- Forum: Vragen
- Onderwerp: Scfrollable tabel met vaste header
- Reacties: 20
- Weergaves: 264489
Re: Scfrollable tabel met vaste header
Gedaan,
Hoi,
Ik heb het alsvolgt bekeken. Ik geef m'n stappen even op, omdat het dan beter te volgen is. En ik heb inmiddels 'n - voor mij werkende - volgorde en zo ontwikkeld. Onderaan geef ik het eindresultaat van de html en css weer.
* Bovenaan het document als eerste regel <!doctype html ...
Hoi,
Ik heb het alsvolgt bekeken. Ik geef m'n stappen even op, omdat het dan beter te volgen is. En ik heb inmiddels 'n - voor mij werkende - volgorde en zo ontwikkeld. Onderaan geef ik het eindresultaat van de html en css weer.
* Bovenaan het document als eerste regel <!doctype html ...
- zo 24 jan 2021, 23:14
- Forum: Vragen
- Onderwerp: Scfrollable tabel met vaste header
- Reacties: 20
- Weergaves: 264489
Re: Scfrollable tabel met vaste header
Dan ga ik morgen even beter kijken. Als het goed is, zouden de <td>'s op deze manier even breed moeten worden als de <th>'s. Mogelijk staat er nog ergens iets in de css dat dit bijt. (Andere mogelijkheid: ik zie iets over het hoofd. Maar dat komt er dan morgen wel uit.)
Ik heb dit beroepsmatig ...
Ik heb dit beroepsmatig ...
- zo 24 jan 2021, 22:32
- Forum: Vragen
- Onderwerp: Scfrollable tabel met vaste header
- Reacties: 20
- Weergaves: 264489
Re: Scfrollable tabel met vaste header
Hoi,
Even snel, anders komt het pas morgen.
Ik zie zo op het eerste oog 'n fout, die dat mogelijk zou kunnen oplossen. Als je geluk hebt, is dat het. Anders moet je het even laten weten en dan ga ik morgen uitgebreider kijken.
Je hebt weliswaar table-layout: fixed; gebruikt, maar bij het verkeerde ...
Even snel, anders komt het pas morgen.
Ik zie zo op het eerste oog 'n fout, die dat mogelijk zou kunnen oplossen. Als je geluk hebt, is dat het. Anders moet je het even laten weten en dan ga ik morgen uitgebreider kijken.
Je hebt weliswaar table-layout: fixed; gebruikt, maar bij het verkeerde ...
- zo 24 jan 2021, 16:55
- Forum: Vragen
- Onderwerp: Scfrollable tabel met vaste header
- Reacties: 20
- Weergaves: 264489
Re: Scfrollable tabel met vaste header
Hallo,
Ja, die 'feeling met de code', da's juist het leuke. Vind ik.
css wordt trouwens in razend tempo ingewikkelder, dus je kunt je lol nog op.
Die regels zoals table {table-layout: fixed;} zet je gewoon in de css, net zoals daar nu al staat tbody {border-top enz.;}
Je hebt al een regel voor ...
Ja, die 'feeling met de code', da's juist het leuke. Vind ik.
css wordt trouwens in razend tempo ingewikkelder, dus je kunt je lol nog op.
Die regels zoals table {table-layout: fixed;} zet je gewoon in de css, net zoals daar nu al staat tbody {border-top enz.;}
Je hebt al een regel voor ...
- za 23 jan 2021, 15:38
- Forum: Vragen
- Onderwerp: Scfrollable tabel met vaste header
- Reacties: 20
- Weergaves: 264489
Re: Scfrollable tabel met vaste header
Hoi,
Jazeker mag je blijven 'lastig vallen'. Vrijwel iedereen maakt tegenwoordig 'n site in WordPress of zoiets, of heeft Facebook. Mensen die zelf nog 'n site maken zijn aan het uitsterven. Helaas, want het wordt er niet minder saai door. Dus ik vind het best leuk, als er eindelijk weer 'ns iemand ...
Jazeker mag je blijven 'lastig vallen'. Vrijwel iedereen maakt tegenwoordig 'n site in WordPress of zoiets, of heeft Facebook. Mensen die zelf nog 'n site maken zijn aan het uitsterven. Helaas, want het wordt er niet minder saai door. Dus ik vind het best leuk, als er eindelijk weer 'ns iemand ...
- za 23 jan 2021, 15:00
- Forum: Vragen
- Onderwerp: Scfrollable tabel met vaste header
- Reacties: 20
- Weergaves: 264489
Re: Scfrollable tabel met vaste header
Hallo,
(Ik had dit al getypt voor je de code stuurde. Ik zie nu dat je ook :last-child gebruikt. Mogelijk is dit antwoord dan iets te uitgebreid, maar ik weet niet wat je al wel of niet weet, dus vandaar het wat uitgebreide verhaal.)
Voor de breedte moet je bij table
table {tabel-layout: fixed ...
(Ik had dit al getypt voor je de code stuurde. Ik zie nu dat je ook :last-child gebruikt. Mogelijk is dit antwoord dan iets te uitgebreid, maar ik weet niet wat je al wel of niet weet, dus vandaar het wat uitgebreide verhaal.)
Voor de breedte moet je bij table
table {tabel-layout: fixed ...
- do 21 jan 2021, 19:13
- Forum: Vragen
- Onderwerp: Scfrollable tabel met vaste header
- Reacties: 20
- Weergaves: 264489
Re: Scfrollable tabel met vaste header
Dan hoef je dus eigenlijk alleen maar op te letten dat de inhoud van 'n cel niet onwijs breed wordt. Dat is niet al te ingewikkeld. Als je nog vragen hebt, hoor ik het wel. Succes!
- do 21 jan 2021, 11:57
- Forum: Vragen
- Onderwerp: Scfrollable tabel met vaste header
- Reacties: 20
- Weergaves: 264489
Re: Scfrollable tabel met vaste header
Hallo,
Eigenlijk is dit forum voor vragen over de voorbeelden op deze site. Maakt verder niet uit, alleen zul je hier alleen van mij 'n antwoord krijgen. Op helpmij.nl of zo kijken meer mensen, waardoor je mogelijk sneller 'n antwoord krijgt. En meer ogen verkleint de kans op foute antwoorden ook ...
Eigenlijk is dit forum voor vragen over de voorbeelden op deze site. Maakt verder niet uit, alleen zul je hier alleen van mij 'n antwoord krijgen. Op helpmij.nl of zo kijken meer mensen, waardoor je mogelijk sneller 'n antwoord krijgt. En meer ogen verkleint de kans op foute antwoorden ook ...
- zo 10 jan 2021, 10:08
- Forum: Mededelingen
- Onderwerp: Volledig herschreven: pagina met afbeelding, beschrijving en prijs van gereedschappen
- Reacties: 0
- Weergaves: 8478
Volledig herschreven: pagina met afbeelding, beschrijving en prijs van gereedschappen
Pagina met afbeelding, beschrijving en prijs van gereedschappen.
Voorbeeld: https://www.css-voorbeelden.nl/tekst/illustraties/tekst-047.html
Uitleg: https://www.css-voorbeelden.nl/tekst/illustraties/tekst-047-uitleg.html
Belangrijkste verandering: in smalle browservensters wordt de lay-out nu ...
Voorbeeld: https://www.css-voorbeelden.nl/tekst/illustraties/tekst-047.html
Uitleg: https://www.css-voorbeelden.nl/tekst/illustraties/tekst-047-uitleg.html
Belangrijkste verandering: in smalle browservensters wordt de lay-out nu ...
- zo 13 dec 2020, 21:05
- Forum: Mededelingen
- Onderwerp: Nieuw: schaduw rondom afbeeldingen met behulp van filter: drop-shadow()
- Reacties: 0
- Weergaves: 7591
Nieuw: schaduw rondom afbeeldingen met behulp van filter: drop-shadow()
Nieuw: schaduw rondom afbeeldingen met behulp van filter: drop-shadow()
Voorbeeld: https://www.css-voorbeelden.nl/schaduw/schaduw-130.html
Uitleg: https://www.css-voorbeelden.nl/schaduw/ ... itleg.html
Voorbeeld: https://www.css-voorbeelden.nl/schaduw/schaduw-130.html
Uitleg: https://www.css-voorbeelden.nl/schaduw/ ... itleg.html
- ma 09 nov 2020, 23:28
- Forum: Mededelingen
- Onderwerp: Volledig herschreven: in smallere vensters inschuifmenu, in bredere vensters verticaal menu met tekeningen
- Reacties: 0
- Weergaves: 7984
Volledig herschreven: in smallere vensters inschuifmenu, in bredere vensters verticaal menu met tekeningen
In smallere vensters inschuifmenu, in bredere vensters verticaal menu met tekeningen.
Voorbeeld: https://www.css-voorbeelden.nl/menu/statisch/verticaal/menu-045.html
Uitleg: https://www.css-voorbeelden.nl/menu/statisch/verticaal/menu-045-uitleg.html
Belangrijkste verandering: in smalle ...
Voorbeeld: https://www.css-voorbeelden.nl/menu/statisch/verticaal/menu-045.html
Uitleg: https://www.css-voorbeelden.nl/menu/statisch/verticaal/menu-045-uitleg.html
Belangrijkste verandering: in smalle ...
- ma 12 okt 2020, 19:49
- Forum: Mededelingen
- Onderwerp: Nieuw: bij focus verandert de rand van de rechthoek geleidelijk van kleur
- Reacties: 0
- Weergaves: 8652
Nieuw: bij focus verandert de rand van de rechthoek geleidelijk van kleur
Nieuw: bij focus verandert de rand van de rechthoek geleidelijk van kleur.
Voorbeeld: https://www.css-voorbeelden.nl/kader/ge ... r-129.html
Uitleg: https://www.css-voorbeelden.nl/kader/ge ... itleg.html
Voorbeeld: https://www.css-voorbeelden.nl/kader/ge ... r-129.html
Uitleg: https://www.css-voorbeelden.nl/kader/ge ... itleg.html
- zo 06 sep 2020, 22:27
- Forum: Mededelingen
- Onderwerp: Volledig herschreven: twee manieren om een afbeelding boven een andere afbeelding te centreren
- Reacties: 0
- Weergaves: 7703
Volledig herschreven: twee manieren om een afbeelding boven een andere afbeelding te centreren
Twee manieren om een afbeelding boven een andere afbeelding te centreren
Voorbeeld: https://www.css-voorbeelden.nl/positioneren/afbeelding/positioneren-044.html
Uitleg: https://www.css-voorbeelden.nl/positioneren/afbeelding/positioneren-044-uitleg.html
Belangrijkste wijziging: tweede voorbeeld met ...
Voorbeeld: https://www.css-voorbeelden.nl/positioneren/afbeelding/positioneren-044.html
Uitleg: https://www.css-voorbeelden.nl/positioneren/afbeelding/positioneren-044-uitleg.html
Belangrijkste wijziging: tweede voorbeeld met ...
- do 20 aug 2020, 22:06
- Forum: Mededelingen
- Onderwerp: Volledig herschreven: met behulp van shape-outside tekst uitlijnen naast een ronde of stervormige afbeelding
- Reacties: 0
- Weergaves: 8281
Volledig herschreven: met behulp van shape-outside tekst uitlijnen naast een ronde of stervormige afbeelding
Volledig herschreven: met behulp van shape-outside tekst uitlijnen naast een ronde of stervormige afbeelding.
Voorbeeld: https://www.css-voorbeelden.nl/tekst/illustraties/tekst-043.html
Uitleg: https://www.css-voorbeelden.nl/tekst/illustraties/tekst-043-uitleg.html
Belangrijkste verandering: enorme ...
Voorbeeld: https://www.css-voorbeelden.nl/tekst/illustraties/tekst-043.html
Uitleg: https://www.css-voorbeelden.nl/tekst/illustraties/tekst-043-uitleg.html
Belangrijkste verandering: enorme ...
- wo 05 aug 2020, 20:02
- Forum: Mededelingen
- Onderwerp: Nieuw: horizontaal en verticaal centreren van fixed of absoluut gepositioneerd element met (on)bekende grootte
- Reacties: 0
- Weergaves: 7493
Nieuw: horizontaal en verticaal centreren van fixed of absoluut gepositioneerd element met (on)bekende grootte
Nieuw: horizontaal en verticaal centreren van fixed of absoluut gepositioneerd element met (on)bekende grootte.
Voorbeeld: https://www.css-voorbeelden.nl/positioneren/horizontaal/positioneren-128.html
Uitleg: Voorbeeld: https://www.css-voorbeelden.nl/positioneren/horizontaal/positioneren-128-uitleg ...
Voorbeeld: https://www.css-voorbeelden.nl/positioneren/horizontaal/positioneren-128.html
Uitleg: Voorbeeld: https://www.css-voorbeelden.nl/positioneren/horizontaal/positioneren-128-uitleg ...
- di 14 jul 2020, 00:24
- Forum: Mededelingen
- Onderwerp: Volledig herschreven: afhankelijk van het geactiveerde plaatje veranderen één tot vier plaatjes tijdelijk
- Reacties: 0
- Weergaves: 7690
Volledig herschreven: afhankelijk van het geactiveerde plaatje veranderen één tot vier plaatjes tijdelijk
Volledig herschreven: afhankelijk van het geactiveerde plaatje veranderen één tot vier plaatjes tijdelijk.
Voorbeeld: https://www.css-voorbeelden.nl/afbeelding/veranderen/afbeelding-042.html
Uitleg: https://www.css-voorbeelden.nl/afbeelding/veranderen/afbeelding-042-uitleg.html
Belangrijkste ...
Voorbeeld: https://www.css-voorbeelden.nl/afbeelding/veranderen/afbeelding-042.html
Uitleg: https://www.css-voorbeelden.nl/afbeelding/veranderen/afbeelding-042-uitleg.html
Belangrijkste ...
- za 13 jun 2020, 23:03
- Forum: Mededelingen
- Onderwerp: Volledig herschreven: met flexbox gemaakte venstervullende lay-out met header, footer en drie altijd even hoge kolommen
- Reacties: 0
- Weergaves: 8957
Volledig herschreven: met flexbox gemaakte venstervullende lay-out met header, footer en drie altijd even hoge kolommen
Volledig herschreven: met flexbox gemaakte venstervullende lay-out met header, footer en drie altijd even hoge kolommen
Voorbeeld: https://www.css-voorbeelden.nl/lay-out/meer-kolommen/lay-out-041.html
Uitleg: https://www.css-voorbeelden.nl/lay-out/meer-kolommen/lay-out-041-uitleg.html
Belangrijkste ...
Voorbeeld: https://www.css-voorbeelden.nl/lay-out/meer-kolommen/lay-out-041.html
Uitleg: https://www.css-voorbeelden.nl/lay-out/meer-kolommen/lay-out-041-uitleg.html
Belangrijkste ...