jquery datatable+bootstrap popover在表格里弹出对话框时只在表格内部，而不是外部

1、在表格内部显示截图：

实现效果：

2、首先是html部分：

				

		

		

			
名称
			
占比
		
		
		

			

					
${entry.cmName}
					

						
							

											

												
国产
												
%

											
											

												
进口
												
%
											
											
									">
									%
							
						

					
				
			
		
	

3、js部分：

var table18Class= $('#table_18_class_id').DataTable({
				"bAutoWidth":true,	//设置宽度自适应
				"lengthChange" : false,
				"scrollCollapse": true,
				"responsive": false,//关闭响应式效果,否则以上设置无效
				"paging": false, // 禁止分页
				"order" : [],
				"info": false,//是否显示左下角的页数条数信息
				"pageLength": 4,
				"pagingType": "numbers",
				//"scrollX": true,
				"scrollY": 160,
				columnDefs : [
					{
						"type":"number-percentage",//排序类型
						"targets":[1]//第几列按照排序类型进行排序
					},
					{
						targets : [0],
						orderable: false,//禁用排序
						render : function(data, type) {
							if(typeof(data) =='undefined' ){
								return ''
							}else{
								if(type === 'display' && data.length >8){
									return '+data+'">'+data.substr(0,8) +'...'
								}else{
									return '+data+'">'+data+''
								}
							}
						}
					},
					

				],
				"drawCallback": function( settings ) {
					$("[data-toggle='popover']").popover({
						html : true,
						container:'body'
					});
				}
			});

其中最关键的就是drawCallback里的container:'body’属性，只有将该属性设置为body才可以，另外比如将$(“[data-toggle=‘popover’]”).popover放在drawCallback中才会生效。