From b11019ce2043367699a260d9646eeaebb4af88fa Mon Sep 17 00:00:00 2001 From: AllenFang Date: Sun, 3 Jun 2018 14:49:58 +0800 Subject: [PATCH] fix #358 --- packages/react-bootstrap-table2-overlay/index.js | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/packages/react-bootstrap-table2-overlay/index.js b/packages/react-bootstrap-table2-overlay/index.js index a5db872..13ca433 100644 --- a/packages/react-bootstrap-table2-overlay/index.js +++ b/packages/react-bootstrap-table2-overlay/index.js @@ -10,7 +10,16 @@ export default options => (element, loading) => const masker = wrapper.firstChild; const headerDOM = wrapper.parentElement.querySelector('thead'); const bodyDOM = wrapper.parentElement.querySelector('tbody'); - masker.style.marginTop = window.getComputedStyle(headerDOM).height; + const captionDOM = wrapper.parentElement.querySelector('caption'); + + let marginTop = window.getComputedStyle(headerDOM).height; + if (captionDOM) { + marginTop = parseFloat(marginTop.replace('px', '')); + marginTop += parseFloat(window.getComputedStyle(captionDOM).height.replace('px', '')); + marginTop = `${marginTop}px`; + } + + masker.style.marginTop = marginTop; masker.style.height = window.getComputedStyle(bodyDOM).height; } }