I started using DataTables which is a jquery plugin. I followed all the instructions carefully, and the table is working nice, but with theme problems. I am trying to get the exact style as on their website demo.
Here are the styles am including:
<link type="text/css" rel="stylesheet" href="/public/js/DataTables/media/css/demo_table.css">
<link type="text/css" rel="stylesheet" href="/public/js/jqueryui/css/smoothness/jquery-ui-1.8.13.custom.css">
And here are the scripts:
<script src="/public/javascripts/jquery-1.5.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/public/js/DataTables/media/js/jquery.dataTables.js" type="text/javascript" charset=开发者_JAVA百科"utf-8">
</script>
<script src="/public/js/jqueryui/js/jquery-ui-1.8.13.custom.min.js" type="text/javascript" charset="utf-8">
And I use jquery like:
$(function(){
var oTable = $('#myTable').dataTable({
"bJQueryUI": true,
});
And here is what I get: ![enter image description here][1]
I am trying to get the same look as the table in that page:
http://www.datatables.net/
You should also add the option "sPaginationType": "full_numbers".
Try like this:
$('#example').dataTable( {
"bJQueryUI": true,
"sPaginationType": "full_numbers"
} );
If the problem are the colors, those depend from the Jquery UI theme you have downloaded. I think on datatables.net they use the theme 'Smoothness'...anyway, look here
精彩评论