I got one problem, the page button of my datatables out of line. I used SB admin templates (bootstrap). I tried to edit my datatables function, but it's not working.
My page is like follows
but I want it like this
this is my datatables code :
<script>
$('#datatables').dataTable
({
"sScrollX": "200%", //This is what made my columns increase in size.
"bScrollCollapse": true,
"sScrollY": "800px",
"bAutoWidth": false,
"aoColumns": [
{ "sWidth": "5%" }, // 1st column width
{ "sWidth": "null" }, // 2nd column width
{ "sWidth": "80%" }, // 3rd column width
{ "sWidth": "null" }, // 4th column width
{ "sWidth": "null" }, // 5th column width
{ "sWidth": "50%" }, // 6th column width
{ "sWidth": "null" }, // 7th column width
{ "sWidth": "null" }, // 8th column width
{ "sWidth": "null" }, // 9th column width
{ "sWidth": "80%" }, // 10th column width
{ "sWidth": "80%" }, // 11th column width
{ "sWidth": "null" },
{ "sWidth": "null" },
{ "sWidth": "null" },
{ "sWidth": "null" },
{ "sWidth": "null" },
],
"bPaginate": true,
"sDom": '<"search"f><"top"l>rt<"bottom"ip><"clear">',
"sPaginationType":"full_numbers",
"aaSorting":[[0, "asc"]],
"bJQueryUI":true
});
</script>
I'm sorry my English is not good.. but, please help me..