table tool export-pagination clash
table tool export-pagination clash
ureshpatel5
Posts: 25Questions: 0Answers: 0
HI,
i have used table tool2 and datatable 1.9.4.When i used them both in a page the css effect on pagination lost.
[code]
$(document).ready( function () {
$('#example').dataTable( {
"sDom": 'T<"clear">tip',
"oTableTools": {
"aButtons": [
{
"bFooter": true,
"sExtends": "copy",
"sButtonText": "Copy",
"mColumns": [ 1,2,3,4,5,6,7 ]
},
{
"bFooter": true,
"sExtends": "print",
"sButtonText": "Print",
"mColumns": [ 1,2,3,4,5,6,7 ]
},
{
"bFooter": true,
"sExtends": "xls",
"sButtonText": "XLS",
"mColumns": [ 1,2,3,4,5,6,7 ]
},
{
"bFooter": true,
"sExtends": "csv",
"sButtonText": "CSV",
"mColumns": [ 1,2,3,4,5,6,7 ]
},
{
"bFooter": true,
"sExtends": "pdf",
"sButtonText": "PDF",
"mColumns": [ 1,2,3,4,5,6,7 ]
}
]
}
} );
} );
[/code]
i have used table tool2 and datatable 1.9.4.When i used them both in a page the css effect on pagination lost.
[code]
$(document).ready( function () {
$('#example').dataTable( {
"sDom": 'T<"clear">tip',
"oTableTools": {
"aButtons": [
{
"bFooter": true,
"sExtends": "copy",
"sButtonText": "Copy",
"mColumns": [ 1,2,3,4,5,6,7 ]
},
{
"bFooter": true,
"sExtends": "print",
"sButtonText": "Print",
"mColumns": [ 1,2,3,4,5,6,7 ]
},
{
"bFooter": true,
"sExtends": "xls",
"sButtonText": "XLS",
"mColumns": [ 1,2,3,4,5,6,7 ]
},
{
"bFooter": true,
"sExtends": "csv",
"sButtonText": "CSV",
"mColumns": [ 1,2,3,4,5,6,7 ]
},
{
"bFooter": true,
"sExtends": "pdf",
"sButtonText": "PDF",
"mColumns": [ 1,2,3,4,5,6,7 ]
}
]
}
} );
} );
[/code]
This discussion has been closed.
Replies
Also, please link to a test case: http://datatables.net/forums/discussion/12899/post-test-cases-when-asking-for-help-please-read
Allan
http://live.datatables.net/uwacod/edit#preview
I also using bootstrap
I still don't understand what CSS effect you are referring to either.
Allan
OK Page :: http://i44.tinypic.com/29uo7z7.png
It looks to me, from the code you pasted into the live site, that you haven't included the DataTables Bootstrap styling: https://github.com/DataTables/Plugins/tree/master/integration/bootstrap
You can refer this whole code
its on our development server so i can not provide access/URL
using this file : dataTables.bootstrap.js