DataTables
Advanced interaction
features for your tables.
Editor
Comprehensive editing
library for DataTables.
Manual
Download
≡ Show site navigation

Twitter Bootstrap CSS conflicting with jQuery themeroller for dataTables

Twitter Bootstrap CSS conflicting with jQuery themeroller for dataTables

aydinhaydinh Posts: 2Questions: 0Answers: 0
edited December 2012 in Blog
Hi I have a site styled with Twitter Bootstrap but I want to use either a default dataTables theme or a jQuery themeroller them. There seems to be conflicting CSS here as when I render my dataTable the input elements eg. The search and show number entries inputs look all big and chunky from the twitter CSS. Is there any way to stop this or is this just a side effect of using different theme files?

Thanks

Replies

  • girishmrgirishmr Posts: 137Questions: 0Answers: 0
    What order in which the css is used? If themeroller is used as the last css link, then themeroller css styling should be in effect. If not can you not override with your css styling?
  • aydinhaydinh Posts: 2Questions: 0Answers: 0
    Yeah themeroller is the last CSS link but it still shows the twitter styles on the input elements :(
This discussion has been closed.

DataTables

DataTables designed and created by SpryMedia Ltd.
© 2007-2025 MIT licensed. Privacy policy. Supporters.
SpryMedia Ltd is registered in Scotland, company no. SC456502.