Desidero che il mio jqgrid assomigli all'aspetto bootstrap tables.
È possibile personalizzare l'aspetto.
Conosco il supporto di jqgrid (tema jquery), ma voglio look and feel bootstarp e non tema jquery.È possibile personalizzare l'aspetto e l'aspetto di jqgrid?
Ho avuto lo stesso problema e ho finito per eliminare jqgrid e ottenere DataTable invece - http://datatables.net/. È molto simile a jqgrid, probabilmente ha una migliore funzionalità e viene fornito con istruzioni su come stile come bootstrap - http://datatables.net/blog/Twitter_Bootstrap.
ya questo è ok, i datatables hanno trovato il layout di bootrap. Spero che anche samqid possa essere fatto con jqgrid ... perché il layout è così accoppiato in jqgrid ... l'utente dovrebbe essere libero di scegliere la proprietà CSS ... Spero che Jgrid Designer sia ascoltando le mie lamentele .. – Rajesh
Il problema è che jqGrid è basato su jQuery UI CSS framework. jqGrid crea la griglia dall'elemento vuoto <table> in modo dinamico. Inserisce molti elementi con nomi CSS predefiniti come "ui-widget", "ui-widget-content", , "ui-icon" e così via.
Non ho mai usato prima bootstrap. Sembra che abbia il proprio framework Base CSS. Quindi l'unico modo che vedo è che personalizzi l'interfaccia utente di jQuery CSS in modo che corrisponda alla ricerca di bootstrap. È possibile farlo in relazione a Themeroller. Nella pagina puoi creare in modo interattivo un nuovo tema dell'interfaccia utente jQuery che sembra molto vicino al bootstrap CSS. Alla fine è possibile scaricare il CSS personalizzato facendo clic sul pulsante "Scarica tema" (vedere nella parte sinistra della pagina nella scheda "Esegui il rollover"). In alternativa puoi usare jQuery UI ThemeRoller Developer Tool per creare un nuovo CSS.
jqGrid che utilizza html e classi basate su interfaccia utente jQuery, quindi un tema Bootstrap per l'interfaccia utente di jQuery dovrebbe fare il trucco, a meno che non abbiate personalizzato il vostro Bootstrap, quindi le stesse personalizzazioni devono essere eseguite due volte.
Questo link è rotto (File non trovato) – haraman
Ho avuto lo stesso problema, ha creato il mio stile CSS. Controllare: https://github.com/Soliman/jqGrid.bootstrap. È un po 'complicato, ma è un inizio e funziona per me.
Un altro tema di bootstrap per jqGrid: http://jquery-ui-bootstrap.github.io/jquery-ui-bootstrap/extra.html#jqgrid
sto usando jqGrid libera (una branca della trirand jqGrid), e supporta built-in styling. È possibile sintonizzare il look-and-feel con due opzioni principali:
guiStyles (https://github.com/free-jqgrid/jqGrid/blob/master/dist/jquery.jqgrid.src.js#L600): jQueryUI, bootstrap, bootstrapPrimary, bootstrap4icons: (https://github.com/free-jqgrid/jqGrid/blob/master/dist/jquery.jqgrid.src.js#L389): jQueryUI, fontAwesome, glyph
da dove è venuta la domanda di piacere ad un uomo o una donna. Il mio cliente vuole aspetto e aspetto da bootstarp. Non voglio scrivere il mio plug-in di griglia ... comportarsi come un professionista. – Rajesh