DataTables.net中的損壞的分頁按鈕

Question

我在嘗試基本的example of DataTables using a js array。

http://dl.dropbox.com/u/464119/Misc/Stack%20Exchange/html/table.html

一切都變得很好，除了分頁按鈕在右下角。我嘗試手動修復它們的css，但是當表格被重新繪製（分頁/＃行更改）時，它又被搞砸了。

任何想法如何讓prev/next按鈕呈現好嗎？

Answer 1

一個解決它的辦法就是重新申請每次表的修改固定CSS：

$('#example').on("draw", function() { 
    //Change the CSS here 
}); 

這樣，這將是固定的每個表中「繪製」時間（排序，頁面的變化，過濾器等）。

但是這並不能解決它首先被破壞的問題。如果我找到了某些東西，我會更新我的答案。

Answer 2

如果你不希望一個/下一個文本，你可以使用oLanguage ATTRIB只是將其刪除以下

$('#example').dataTable({ 
    "oLanguage": { "oPaginate": {"sNext": "","sPrevious": ""}}, 
    "aaData": //rest fo your code..... 

否則，下載並添加這個CSS

<link rel="stylesheet" type="text/css" href="http://datatables.net/release-datatables/media/css/demo_table.css"> 

添加olanguage ATTRIB同上用較短的文字

"oLanguage": { "oPaginate": {"sNext": "Next","sPrevious": "Prev"}}, 

並修改dataTables_paginate類在上面的CSS在線71 demo_table.css減少文字

.dataTables_paginate { 
    float: right;  
    text-align: right; 
    font-size: 12px; 
} 

希望這有助於字號..