Lisäksi lomakkeen kenttiin, yksi vaikeimmista HTML-elementtien manipuloida ovat taulukoita. Niitä on vaikea tyyli kautta CSS ja myös erittäin vaikea käsitellä kautta JavaScript.
Siksi hyvin harvat Responsive Web Design (RWD) kehysten ja UI sarjat, taulukko UI elementin on osoitettu, ja muotoiltu oikein pienempiä näyttöjä.
"Responsive taulukoissa" jQuery plugin avulla kehittäjät voivat ottaa taulukon sarakkeet ja liittää ne näkyvyyttä ensisijaisena perustuu käytettävissä näytön koko.
Joten kun sivun pääsee pienempi näyttö, vain pöytä palstoja etusija osoitti, perustuu näytön resoluutio.
Loput sarakkeet vain olla piilossa, erityisellä valitsin oikeassa yläkulmassa taulukon, jossa käyttäjät voivat aktivoida pylvääseen ja piilottaa muut.
Tämä voi olla erittäin hyödyllinen erityisesti tietojen verkkoja, jossa taulukko sisältää suuren määrän sarakkeita.
Responsive pöydät mukana tukea Bootstrap kehys, tahmea pöytä otsikon, colspans ja erityinen rivi painopiste / korostamalla ominaisuus.
Demo on mukana ladattava paketti.
vaatimukset
- Javascript asiakkaan puolella
- jQuery
- jQuery UI
Kommentteja ei löytynyt