dt_options – how to enable jQuery styles

How do I enable dt_options(datables) when using it like the example below?

[cfdb-datatable form=”your-form” id=”mytable” dt_options=”bJQueryUI:true, sScrollX:’100%’, bScrollCollapse:true”]

WHAT DOES THE EXCERPT BELOW MEAN? I’m trying to use it in conjunction with the TwentyTelve theme.

FAQ: Why doesn’t my data table look like the one in the Admin Panel?
Because you need to include some additional style sheets which are not included by default because they could conflict with your theme’s styles. You might wish to add them to your theme’s style sheet.

(1) JQuery UI Gives it the solid bars across the top and bottom:

PHP: wp_enqueue_style(‘jquery-ui.css’, ‘http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css’);

HTML: <link rel=’stylesheet’ id=’jquery-ui.css-css’ href=’http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css?ver=3.1&#8242; type=’text/css’ media=’all’/>

(2) Some demo css from data tables. But it is written in such a way that is can style other tables on the page that you don’t want to be affected by this:

PHP: wp_enqueue_style(‘datatables-demo’, ‘http://www.datatables.net/release-datatables/media/css/demo_table.css&#8217;);

HTML: <link rel=’stylesheet’ id=’datatables-demo-css’
href=’http://www.datatables.net/release-datatables/media/css/demo_table.css?ver=3.1&#8242;
type=’text/css’
media=’all’/>

http://ww.wp.xz.cn/plugins/contact-form-7-to-database-extension/