这篇文章将介绍Prvottable这个强大js的使用, 先上官方的动态demo:

wKiom1be-SfCjeD8AAwEJ6cWapM399.gif

基础功能:

把类似下面的json数据统计在table中:

    {UsrID:"1",UsrName:"Usr1"},
    {UsrID:"2",UsrName:"Usr2"}

wKiom1be_fXCM-0ZAAAGhgiuT8U793.png

如果不用第三方,很有可以会自己在后台拼好了再返回給前端,我们来看下用了这个js后的code:

  <script type="text/javascript">
   $(function(){
    $("#output").pivot(
     [
      {UsrID:"1",UsrName:"Usr1"},
      {UsrID:"2",UsrName:"Usr2"}
     ],
     {
      rows: ["UsrID"],
      cols: ["UsrName"]
     }
    );
    });
  </script>