Bootstrap popover content 에 table 넣기

bootstrap 4 에서 popover 에 table 콘텐츠 넣을면 적용이 되지 않는다.

이럴때 아래와 같이 설정 후 popover 를 적용하면 정상적으로 table 콘텐츠가 보여진다.

 

$.fn.popover.Constructor.Default.whiteList.table = [];
$.fn.popover.Constructor.Default.whiteList.th = [];
$.fn.popover.Constructor.Default.whiteList.tr = [];
$.fn.popover.Constructor.Default.whiteList.td = [];
$.fn.popover.Constructor.Default.whiteList.div = [];
$.fn.popover.Constructor.Default.whiteList.tbody = [];
$.fn.popover.Constructor.Default.whiteList.thead = [];
$(".pop").popover({
	content : "<table><tr><td>테스트</td></tr></table>"
});