2012-04-28 23 views
10

Quiero que mi jqgrid para que parezca bootstrap tables apariencia.
¿Es posible personalizar la apariencia?
Yo sé que el apoyo jqGrid (tema de jQuery), pero quiero bootstrap ver y sentir y no tema de jQuery.¿Es posible personalizar el aspecto y la sensación de jqgrid?

+0

de donde surgió la pregunta de si le gustaba un hombre o una mujer ... mi cliente quiere apariencia y sensación de bootstarp ... no quiero escribir mi propio plugin de cuadrícula ... comportarse como un profesional ... – Rajesh

Respuesta

7

Tuve el mismo problema y terminé abandonando jqgrid y obteniendo DataTables en su lugar - http://datatables.net/. Es muy similar a jqgrid, podría decirse que tiene una mejor funcionalidad y viene con instrucciones sobre cómo diseñarlo como bootstrap - http://datatables.net/blog/Twitter_Bootstrap.

+3

si esto está bien, datatables subió con el diseño de bootsrap ... Espero que se pueda hacer todo con jqgrid también ... por qué el diseño está tan acoplado en jqgrid ... el usuario debe poder elegir libremente la propiedad de CSS ... Espero que el diseñador de jgrid sea escuchando mis agravios .. – Rajesh

9

El problema es que jqGrid se basa en jQuery UI CSS framework. cuadrícula de construcción jqGrid del elemento <table> vacío dinámicamente. Se inserta una gran cantidad de elementos que tienen nombres CSS predefinidos como "ui-widget", "ui-widget-content", "ui-state-hover", "ui-icon" y así sucesivamente.

nunca he usado bootstrap antes. Parece que tiene su propio marco Base CSS. Entonces, la única manera que veo es que personalizas jQuery UI CSS para que se corresponda con la apariencia de bootstrap. Puede hacer esto con respecto al Themeroller. En la página puedes crear de forma interactiva el nuevo tema jQuery UI, que se ve muy cerca de bootstrap CSS. Al final puede descargar el CSS personalizado haciendo clic en el botón "Descargar tema" (ver en la parte izquierda de la página en la pestaña "Roll Your Own"). Alternativamente, puede usar jQuery UI ThemeRoller Developer Tool para crear un nuevo CSS.

+0

, pero ¿qué hay de hacer que jqgrid responda? esa es la idea de usar Twitter Bootstrap, ¿alguna sugerencia? – Yasser

+0

@Yasser: Lo siento, pero no entiendo lo que quieres decir. – Oleg

+0

Hola @Oleg! Quería preguntar cómo hacer que jqgrid responda – Yasser

3

jqGrid usando jQuery UI basado en html y clases, por lo que un tema de Bootstrap para jQuery UI debería ser el truco, a menos que haya personalizado su Bootstrap entonces las mismas personalizaciones deben hacerse dos veces.

http://addyosmani.github.com/jquery-ui-bootstrap/

+0

Este enlace está roto (Archivo no encontrado) – haraman

Cuestiones relacionadas