SlickGrid in Bootstrap 모달은 데이터를 처음 두 열만 표시합니다.

Question

저는 BootClip과 함께 SlickGrid를 사용하고 있습니다. 내 시나리오에는 SlickGrid 테이블이 페이지에 표시됩니다. 그와 함께 다른 테이블을 표시해야하는 팝업이 있습니다. for-loops를 사용하여 테이블을 채 웁니다. 이제 문제 설명 :

HTML 페이지의 표가 모든 데이터와 함께 올바르게 표시됩니다. 팝업에 액세스하기 위해 버튼을 클릭하면 처음 두 개의 열만 채워집니다. 예. 내가 4 열 즉. 이름, 나이, 성별, 학교 이름. 팝업이 나타나면 이름과 나이만 채워집니다. 다른 두 열은 비어 있습니다. 그래서 나이와 성별을 바꾸어서 성별에 문제가 없는지 확인해 보았습니다. 이제 표에는 이름 및 성별 만 채워져 Age 및 SchoolName 열은 비워 둡니다. 첫 번째 또는 두 번째 위치에 다른 열을 배치하면 똑같이됩니다.

정상적인 HTML 페이지에서 테이블을 표시하는 데 유사한 코드가 작동하는 경우 BootStrap 모달에서 올바르게 표시되지 않는 것은 무엇입니까?

편집 : 한 번 더 요점 - HTML 페이지에 '해당'표를 표시하려고하면 올바르게 표시됩니다. 그러나 모달로 고통받습니다.

Answer 1

모달이 표시되고 모든 CSS 전환이 완료된 후 그리드에서 .resizeCanvas() 메서드를 호출하는지 확인하십시오. 모달 내부에 살고있는 당신의 Slick.Grid 인스턴스가 modalGrid라는 말을 수 있습니다 : 부트 스트랩 3 이동에 대한

$('#modal').on('shown', modalGrid.resizeCanvas) 

Answer 2

:

$('#modal').one('shown.bs.modal', function(e) { grid.resizeCanvas(); });