Table too wide

  • Resolved nickgill

    (@nickgill)


    7 years, 10 months ago

    The trouble is with the second table on this page – http://effrapress.co.uk/display-faces/

    I’m having trouble getting the table to fit in the width of the page. I *think* it must be possible – when the page is loading, you can briefly see all columns, before the green plus appears in the first column, but I can’t for the life of me get it to fit.

    I did try to adjust the column widths by hand, but I think I’m cocking that up too.

    … datatables_column_defs=’%5B { “width”: “20px”, “targets”: %5B2,3,4,5,6,7,8,9,10,11,12,13,14%5D } %5D’ ]

    I think the main problem may be idiocy. How do I solve that?

    https://wordpress.org/plugins/inline-google-spreadsheet-viewer/

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author Meitar

    (@meitar)

    7 years, 10 months ago

    Horizontal scaling should happen automatically. You don’t need to set column widths explicitly if all you want to do is make sure the table’s width fits within its containing element.

    That said, I’m seeing a syntax error on that page that stops JavaScript execution prematurely:

    Error: Syntax error, unrecognized expression: a[href*=#]:not([href=#],.wc-tabs a)

    You may need to resolve that other issue, first.

    Thread Starter nickgill

    (@nickgill)

    7 years, 10 months ago

    Thanks once again. You’re a king. They should really make people pass some sort of test before they’re allowed to do this stuff ..

    Plugin Author Meitar

    (@meitar)

    7 years, 10 months ago

    They should really make people pass some sort of test before they’re allowed to do this stuff

    Or they could stop pouring money into brainwashing and torturing children with rote memorization of useless stuff and actually create an environment that’s relevant and engaging.

    On that note, consider watching The War On Kids for more about how awful school and particularly test-taking is (in the context of the United States).

    Thread Starter nickgill

    (@nickgill)

    7 years, 10 months ago

    Ooh, I’ll have a look at that. I’m in the UK, but some parents have just had a strike – a genuine strike – over their kids being tested too much. Just pulled them out of school on testing day. Hope it improves before my daughter’s old enough to go to school.

    Thanks for pointing out that Javascript error; looks like it’s part of the theme, so I suspect it’s a long way outside my abilities. I might just have to live with a slightly clunky-looking table.

    n

    Plugin Author Meitar

    (@meitar)

    7 years, 10 months ago

    For what it’s worth, the green plus is there to hide some of the table’s columns so that the table will fit within the width. You can disable the green pluses (and the automatic horizontal sizing) using the no-responsive class.

    Thread Starter nickgill

    (@nickgill)

    7 years, 10 months ago

    I thought they were; like I say, the whole table does fit in for a fraction of a second before … well, before something happens. Don’t worry about it; you have better things to do.

    n

    Plugin Author Meitar

    (@meitar)

    7 years, 10 months ago

    :\ The whole table fits for me with the green plus signs. Maybe you’re looking at a cache or something?

    Anywho, it seems clear whatever problem you’re running into is not caused by code in this plugin, but rather some interaction of other (theme?) code on your website, so there’s not much I can do.

    Good luck.

    Thread Starter nickgill

    (@nickgill)

    7 years, 10 months ago

    Sorry, I explained badly- I wanted the whole width to display *without* the green pluses, and I thought that the contents should fit. It’s ok- it’s not going to be a high-traffic site, so I’ve turned used ‘no-responsive’, and it’ll do fine. Thanks for all the help.

    Plugin Author Meitar

    (@meitar)

    7 years, 10 months ago

    Oh, yeah, no, you’ll need to write your own CSS if you want to do it without the green pluses.

    DerrickG72

    (@derrickg72)

    6 years, 10 months ago

    How do you add the no-responsive class?

    tangobango

    (@tangobango)

    6 years, 10 months ago

    The answer is very easily found in the FAQ or other notes section. Just read those.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Table too wide’ is closed to new replies.