I tillegg til skjemafelt, en av de vanskeligste HTML-elementer til å manipulere er tabeller. De er vanskelig å style via CSS og også svært vanskelig å behandle via Javascript.
Det er derfor i svært få Responsive Web Design (RWD) rammer og UI kits, er tabellen UI element adressert og riktig formatert for mindre skjermer.
Den "Responsive bord" jQuery plugin tillater utviklerne å ta et tabellens kolonner og tildele dem en synlighet prioritet basert på den tilgjengelige skjermstørrelsen.
Så når siden er tilgjengelig fra en mindre skjerm, vil bare tabellkolonnene med prioritet bli vist, basert på skjermoppløsningen.
Resten av kolonnene vil bare bli skjult, med en spesiell velgeren øverst til høyre i tabellen, der brukerne kan aktivere en kolonne og skjule andre.
Dette kan være svært nyttig spesielt for data nett, der tabellen inneholder en stor mengde av kolonner.
Responsive tabeller kommer med støtte for Bootstrap rammeverk, en klebrig tabelloverskrift, colspans og en spesiell rad fokus / utheving funksjonen.
. En demo er inkludert med nedlastingspakken
Krav
- aktivert Javascript på klientsiden
- jQuery
- jQuery UI
Kommentarer ikke funnet