dynamic change margin bottom based on element height

Doyin Atobaru answered on January 16, 2025 Popularity 1/10 Helpfulness 1/10

answer dynamic change margin bottom based on element height

related datatables strict search

dynamic change margin bottom based on element height

Comment

  const [contentHeight, setContentHeight] = useState(0);
  const contentRef = useRef<HTMLDivElement>(null);

  useEffect(() => {
    if (contentRef.current) {
      setContentHeight(contentRef.current.scrollHeight); // Update height based on content
    }
  }, [contentRef.current?.scrollHeight]);


      <section ref={contentRef} style={{
        marginBottom: `calc(100vh + ${contentHeight}px)`
      }}......
</section>

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: element height javascript margin

Link to this answer
Share Copy Link

Contributed on Jan 18 2025

Doyin Atobaru

0 Answers Avg Quality 2/10

Closely Related Answers

datatables strict search

Comment

$('#yourTableID').DataTable({ 
   search: {
     regex: false,
     smart: false
   }
});

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: datatables search strict whatever

Link to this answer
Share Copy Link

Contributed on Jan 16 2025

Talha Baig

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

dynamic change margin bottom based on element height

Contents

More Related Answers