Rounded Corners with CSS with DataTables

CSmith

Firstly, thank you Alan at DataTables for this great plugin, and for the detailed documentation that you have kindly provided with it. It's by far the best plugin I have used for working with complex tables that use sorters and pagination functionality.

I have the plug-in working and functioning properly and I've styled the table using my own CSS, although I can't seem to get the rounded corners to work. It's probably something silly that I'm doing- I have searched your documentation but can't find the answer. I'm trying to style the Table so that the outer four corners have rounded corners using purely CSS.

I've put this up on JSFiddle http://jsfiddle.net/CMSmith/hcdpe5vv/8/ although it's not working properly, but you can see the CSS I'm using there. I've also attached screenshots of how it looks as I'm working locally.

Screenshot 1 (Top of Table) - http://postimg.org/image/dfnbaiqev/
Screenshot 2 (Bottom of Table) - http://postimg.org/image/7zlvyvfzr/

Any help would be much appreciated, thanks Craig.

allan

Hi,

I might be missing something, but the JSFiddle example doesn't appear to have any styling at all and there is a JS error on the page.

Are you able to link to the page you are working on please, so I can offer some help with it.

Failing that, I would suggest using your browser's inspector tools to look at the DOM elements and see what CSS is applied.

Allan