Naast de velden, een van de moeilijkste HTML-elementen te manipuleren zijn tafels. Ze zijn moeilijk te stijl via CSS en ook zeer moeilijk te verwerken via JavaScript.
Daarom is in zeer weinig Responsive Web Design (RWD) kaders en UI kits, de tafel UI element is gericht en juist geformatteerd voor kleinere schermen.
De "Responsive tafels" jQuery plugin kunnen ontwikkelaars de kolommen van een tabel te nemen en toe te wijzen een zichtbaarheid voorrang op basis van de beschikbare scherm grootte.
Dus wanneer de pagina wordt geopend vanuit een kleiner scherm, wordt alleen de tabel kolommen met voorrang worden getoond, op basis van de schermresolutie.
De rest van de kolommen alleen worden verborgen, met een speciale schakelaar aan de rechterbovenhoek van de tabel, waar gebruikers een kolom kan reactiveren en anderen te verbergen.
Dit kan erg handig zijn, vooral voor data grids waar de tabel bevat een grote hoeveelheid van de kolommen.
Responsive tafels wordt geleverd met ondersteuning voor de Bootstrap framework, een kleverige tafel header, colspans en een speciale rij aandacht / markeren functie.
. Een demo is inbegrepen in de download pakket
Eisen
- Javascript nodig op client side
- jQuery
- jQuery UI
Reacties niet gevonden