jquery-datatable 插件

网址：http://datatables.club/

<table id="table_id_example" class="display">
     <thead>
         <tr>
            <th>产品型号</th>
            <th>授权数量</th>
            <th>注册时间</th>
        </tr>
     </thead>
          <tbody>
            <tr>
                <td>Row 1 Data 1</td>
                <td>Row 1 Data 2</td>
                <td>Row 1 Data 2</td>
                <td>Row 1 Data 2</td>
            </tr>
            <tr>
                <td>Row 1 Data 1</td>
                <td>Row 1 Data 2</td>
                <td>Row 1 Data 2</td>
                <td>Row 1 Data 2</td>
            </tr>
            <tr>
                <td>Row 1 Data 1</td>
                <td>Row 1 Data 2</td>
                <td>Row 1 Data 2</td>
                <td>Row 1 Data 2</td>
            </tr>            
          </tbody>
</table>

//样式设置
$("#resultTable").dataTable( {  
    "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 7 ] }],
    "order": [[ 6, "desc" ]],
    //"scrollY": scrollY,
    "fnDrawCallback": function(){
        if(Version=="1"){
            $('#versionTwoDisp').hide();
            $('.versionTd').parent().hide();
        }else{
            $('#versionTwoDisp').show();
            $('.versionTd').parent().show();
        }
    }, 
}); 

//api自定义添加内容
var t = $('#resultTable').dataTable().api();
t.rows().remove();
for(var i=0;i<jsonobj.result.length;i++){ 
    var col5Value = jsonobj.result[i][5];
    if(col5Value=='0'){
        col5Value = 内容;
    }else if(col5Value=='1'){
        col5Value = '正常';
    }if(col5Value=='100'){
        col5Value = 内容;
    }
    var col6Value = 内容;
    if(jsonobj.result[i][8]!=''){
        //  只有admin 权限可以操作                        
        if(isAdmin==1){
            col6Value = 内容 ;
        }
    }
    var col7Value = '<span class="versionTd">'+jsonobj.result[i][10]+'</span>';//  
    t.row.add( [
        jsonobj.result[i][0],
        jsonobj.result[i][1],
        col3Value,
        jsonobj.result[i][3],
        jsonobj.result[i][4],
        col7Value,
        col5Value,
        col6Value
    ] );
} 
t.draw(false);