2013-02-19 21 views
18

Pracuję na stronie internetowej, gdzie używam framework CSS "Twitter Bootstrap". Wraz z tym używam jqGrid do wyświetlania danych siatki, ale problem polega na tym, że jqGrid zależy od interfejsu użytkownika jQuery, który jest w konflikcie ze stylami Bootstrap. Czy ktoś użył jqGrid z jQuery UI i Bootstrap?jqGrid na Twitter Bootstrap

Wszelkie przykłady/linki są wysoko cenione.

Dzięki, Naren

+0

Co masz na myśli "style nie są zsynchronizowane ze stylami bootstrap"? Jaki masz problem? Z jakiego motywu jQuery UI korzystasz? – Oleg

+1

Sprawdź to https://wrapbootstrap.com/theme/ace-responsive-admin-template-WB0B30DGR –

+0

Wypróbuj http://jquery-ui-bootstrap.github.io/jquery-ui-bootstrap/extra.html#jqgrid – VahidN

Odpowiedz

16

Możesz użyć "DataTables" dla Bootstrap

http://www.datatables.net/blog/Twitter_Bootstrap_2

lub po prostu Bootstrap style tabeli

http://twitter.github.com/bootstrap/base-css.html#tables

Ale jeśli chcesz używać jqGrid tak czy inaczej, musisz dodać te klasy css, aby rozwiązać niektóre style ts

input.ui-pg-input { 
    width: auto; 
    padding: 0px; 
    margin: 0px; 
    line-height: normal 
} 
select.ui-pg-selbox { 
    width: auto; 
    padding: 0px; 
    margin: 0px; 
    line-height: normal 
}