Weird Visual Issue integration with Bootstrap

CodeMom

Hi Allan, thank you for the time you take to update this plugin it is really helpful.

I am upgrading my project (that is currently using bootstrap) to include it in datatables plugin. I download version 1.9.4 and I got bootstrap 1.1.

I saw three issues:

1. My table is centered and it is never being resized, even if I enlarge my window.
2. When I have more than 8 columns sort controls are overlapping the table titles.
3. Table striped is lost, all rows are in white.

I was not able to give you a link to test the problems, but basically I copy your sample (all files) and add more columns resulting in this issue.


Thanks
Codemom

allan

1. Add width="100%" to the table.

2. Sounds like a CSS float issue. I'd need to see a test case.

3. Likewise, I'd need to see a test case to know why this is.

Is there a reason you are using an old version of Bootstrap? The current DataTables integration plug-ins are designed for Bootstrap 2, and so might have some issues with older version f Bootstrap.

Allan

CodeMom

Thank you Allan for your answer, I changed to 100% and now 1 & 2 are working correctly, and it was my mistake I am using Bootstrap version 2.1.1, not 1.1.

About #3, I just checked and my problem occurs when I check on my virtual machine, so I think is just there.

Thank you
CodeMom