flot中文詳解,DataTables中文詳解

flot中文詳解

http://www.cnblogs.com/qiudan/archive/2012/06/13/2547719.html

DataTables中文詳解

http://www.cnblogs.com/Ivan-j2ee/archive/2012/09/28/2707156.html

http://blog.csdn.net/mixiuali/article/details/11893195

datatables求和等可以用回調函數，來源：http://blog.csdn.net/lisky119/article/details/25884197

如

fnHeaderCallback：表頭的回調函數

1. $(document).ready( function() {
2.   $('#example').dataTable( {
3.     "fnHeaderCallback": function( nHead, aData, iStart, iEnd, aiDisplay ) {
4.       nHead.getElementsByTagName('th')[0].innerHTML = "Displaying "+(iEnd-iStart)+" records";
5.     }
6.   } );
7. } )

fnFooterCallback：底部的回調函數，這個可以用來做總計之類的功能

1. $(document).ready( function() {
2.   $('#example').dataTable( {
3.     "fnFooterCallback": function( nFoot, aData, iStart, iEnd, aiDisplay ) {
4.       nFoot.getElementsByTagName('th')[0].innerHTML = "Starting index is "+iStart;
5.     }
6.   } );
7. } )

對添加的行進行判斷 顯示不同的顏色

  $.each(jsonData.Data, function (i, item) {
                                oTable.fnAddData([item.xxx, item.xxx]);
                                if (item.xxx == "xx") {
                                    oTable.fnSettings().aoData[i].nTr.className = 'red';
                                } else {
                                    oTable.fnSettings().aoData[i].nTr.className = 'org';

                                }
                            });