Behalwe vorm velde, een van die moeilikste HTML elemente te manipuleer tafels. Hulle is hard styl via CSS en ook baie moeilik om te verwerk via JavaScript.
Dit is waarom in baie min Responsieve Web Design (RWD) raamwerke en UI kits, die tafel UI element aangespreek word en behoorlik geformateer vir kleiner skerms.
Die "Responsive tafels" jQuery plugin ontwikkelaars toelaat om kolomme 'n tafel te neem en te wys hulle 'n sigbaarheid prioriteit gebaseer op die beskikbare skerm grootte.
So wanneer die bladsy verkry word vanaf 'n kleiner skerm, sal slegs die tafel kolomme met prioriteit het, gebaseer op die skerm resolusie.
Die res van die kolomme word net versteek, met 'n spesiale selector om die top regterkant van die tafel, waar gebruikers 'n kolom kan aktiveer en ander weg te steek.
Dit kan baie nuttig wees, veral vir data roosters waar die tabel bevat 'n groot hoeveelheid van die kolomme.
Reageer tafels kom met die ondersteuning vir die Bootstrap raamwerk, 'n taai tafel kop, colspans en 'n spesiale ry fokus / klem funksie.
. 'N demo is ingesluit by die pakket aflaai
Vereistes :
- JavaScript enabled op die kliënt kant
- jQuery
- jQuery UI
Kommentaar nie gevind