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

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

并修改第71行demo_table.css上面的css中的dataTables_paginate类，以减少文本的字体大小

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

希望这会有所帮助..