Bootstraph Tableをダブルクリックし、行をクリックしてその行の内容を取得し、全表の内容を取得します.

Bootstrap Tableはクリックまたはダブルクリックした行の内容を取得します.
これを見てbootstrap tableの使い方や使い方が分かりますので、下の名前は紹介しません.

realTime_テーブルのID

です.

$("#realTime_Table").bootstrapTable({

			//         ，        ，   
			//      
            search: false,
            //    
            pagination: false,
            //         ，         
            pageSize: 15,
            //  ，            pageSize
            pageList: [5, 10, 15, 20],
            //   
            showColumns: true,
            //      
            showRefresh: false,
            //    
            showToggle: true,
            //    ，          
            locale: "zh-CN",
            //   background-color    
            striped: true,
            
			/*
			*
			*
			*
			*
			*          ，       ，     
			*
			*
			*
			*
			*/


			//=======================================================================================
            //       ，       row，row        ，  "row.playerName" "playerName" data-field     ，（   js   ，  field     ,）                
            onDblClickRow: function (row) {
                console.log("click:" + row.playerName)
            }
            
            //=======================================================================================
            //       row， onDblClickRow  onClickRow，  
            //onClickRow: function (row) {
            //      console.log("click:" + row.playerName)
            //  }

			//=======================================================================================
			//        ，        ,  allTableData    ，      ，              ，                    
			var indexTemp = 0;
			var playerNameTemp = '   ';
			var allTableData = $('#realTime_Table').bootstrapTable('getData');
			for(var i = 0; i < allTableData.length; i++) {
                        //          （         ）        ，     ，indexTemp       
                        if(allTableData[i].playerName == playerNameTemp) {
                         indexTemp = i;
                         break;
		               }
             }
             console.log("            " + (indexTemp + 1) + " ");
			
        });

タイトル外:テーブルフィールドの設定については、表示できます.Bootstrap-tableの右側のバーUsageをクリックして一番下にジャンプすると、二つの方法があります.一つは声明の属性に設定され、もう一つはjsに設定されています.
その他の関連:

Bootstraphable API中国語版http://blog.csdn.net/S_cliftp/articale/details/77937356

Bootstraphableによるタイミング更新データの実現http://blog.csdn.net/s_cliftp/articale/details/77747491