FIREFOX issue - table not stretched horizontally until browser is resized

FIREFOX issue - table not stretched horizontally until browser is resized

KCSKCS Posts: 10Questions: 2Answers: 0

Bog-standard table. Works fine in IE, Edge, Chrome. But in FireFox v43 table shows but does not 'size' until browser window is resized. Is there a quick answer for this?

Replies

  • kthorngrenkthorngren Posts: 21,301Questions: 26Answers: 4,946
    edited July 2018

    Do you have style="width:100%" applied to your table tag?

    Does this example work for you in Firefox>?
    https://datatables.net/examples/basic_init/zero_configuration.html

    Kevin

  • KCSKCS Posts: 10Questions: 2Answers: 0

    Yes the 100% option made it work for IE/Edge/Chrome prior to this.
    I THINK the solution is to mark one or two TH/TD elements as 'width:50%' for example, then it seems to work in FF.

  • allanallan Posts: 63,455Questions: 1Answers: 10,465 Site admin

    The page Kevin linked to appears to work okay for me in Firefox. Does it for you? If it does, can you link to a page that does show the issue?

    Thanks,
    Allan

  • KCSKCS Posts: 10Questions: 2Answers: 0

    Yes, but the table in my dev project is using various bs classes and column filter options, and in FF it just would not stretch to browser width until a resize occurred. I upgraded my out of date FF to latest and same thing occurred. Was ok in other browsers, Could only get to work by adding width% styles to 1 or 2 TH/TD's.It might also work by using jquery to access the style width to add then subtract a pixel.

This discussion has been closed.